Zugriff auf Kommentar Textarea

[Coulyo]

Hallo,

Ich hoffe ich bin hier im richtigen Unterforum, weil das Thema eigentlich auch bei Javascript rein könnte

Also ich erstelle gerade mit Wordpress eine Website und möchte die Kommentarsektion anpassen. Mit dem unten stehenden Code aus der comments.php habe ich es immerhin geschafft, das Website-Feld verschwinden zu lassen und die anderen input Felder ein wenig zu bearbeiten (falls das überhaupt relevant ist).

Meine Frage gilt nun der Textarea zur Eingabe von Kommentaren. Und zwar möchte ich bei Klick in das Textfeld eine Javascript Funktion aufrufen. Der mir bekannte Weg dazu wäre <textarea onclick="meineFunktion();">.
Da das Textfeld aber automatisch von Wordpress generiert wird, habe ich keinen Zugriff auf den <textarea>-Tag und kann meinen Funktionsaufruf nicht da reinschreiben.

Gibt es noch eine andere möglichkeit die Funktion bei Klick auf das Textfeld aufzurufen? Bzw. kann man irgendwo beeinflussen, wie Wordpress den Tag erstellt?

Danke im voraus!

	<?php 
	
	$fields =  array(

	  'author' =>
		'<p class="comment-form-author"><label for="author">' . __( 'Name', 'domainreference' ) . '</label> ' .
		( $req ? '<span class="required">*</span>' : '' ) .
		'<input id="author" name="author" type="text" placeholder="Name*" value="' . esc_attr( $commenter['comment_author'] ) .
		'" size="43"' . $aria_req . ' /></p>',
	
	  'email' =>
		'<p class="comment-form-email"><label for="email">' . __( 'Email', 'domainreference' ) . '</label> ' .
		( $req ? '<span class="required">*</span>' : '' ) .
		'<input id="email" name="email" type="text" placeholder="Email*" value="' . esc_attr(  $commenter['comment_author_email'] ) .
		'" size="44"' . $aria_req . ' /></p>',
	
	
	);
	
	$comments_args = array(

		'comment_notes_after' => '',
		'comment_notes_before' => '',
		'fields' => $fields
		
	);
	comment_form($comments_args); 
	
	?>

 

[cebito]

AW: Zugriff auf Kommentar Textarea

Ich geh mal davon aus, das jQuery eh geladen ist und das Kommentarfeld die default-ID comment besitzt, dann so:

$('#comment').click(function{
    tuWas();
});

 

[Coulyo]

AW: Zugriff auf Kommentar Textarea

Mit jQuery hab ich noch gar nichts gemacht. Ich hab bis jetzt nur mit "purem" Javascript gearbeitet.

 

[Coulyo]

AW: Zugriff auf Kommentar Textarea

Ich versuche es jetzt gerade mit jQuery, aber irgendwie kriege ich es nicht hin. Ich versuche jetzt einen Placeholder für das Textfeld zu setzen...

<script type="text/javascript">
	$(function(){
		function setPlaceholder(){
				document.getElementById('comment').placeholder = 'Hinterlasse einen Kommentar...';
		}
});
		
</script>
    
<script type="text/javascript">
	$('#comment').click(function(){
    	    setPlaceholder();
	});  
</script>

 

[cythux]

AW: Zugriff auf Kommentar Textarea

Empfehle Dir mal diesen Link
http://www.elmastudio.de/wordpress/den-kommentarbereich-in-wordpress-3-anpassen/

Ansonsten schaue Dir auch die Standart Themes mal an wie dort die comment.php und function.php aussieht

 

[Coulyo]

AW: Zugriff auf Kommentar Textarea

Danke erstmal für den Link, allerdings habe ich den schon durchgearbeitet. Ich habe die comments.PHP aus dem twentythirteen Themen übernommen und wie oben gesagt schon so weit angepasst, dass das Website-Feld nicht mehr angezeigt wird. Allerdings habe ich eben noch keinen Weg gefunden auf die Textarea zuzugreifen...

 

[cythux]

AW: Zugriff auf Kommentar Textarea

Was soll den Passieren, wenn du auf die Textarea zugreifen willst via Mouseclick

falls es um placeholder geht ist dies hier eventuell eine idee
https://github.com/mathiasbynens/jquery-placeholder
https://github.com/dciccale/placeholder-enhanced

 

[Coulyo]

AW: Zugriff auf Kommentar Textarea

Danke für die Links!
Aber es geht mir nicht primär um die Placeholder. Was ich will:

Ich verstecke via CSS (display:none die beiden Felder für Name und Email sowie den Submit Button und zeige nur das Textfeld. Sobald das Textfeld angeklickt wird sollen die versteckten Sachen alle display:block; bekommen.

 

[Coulyo]

AW: Zugriff auf Kommentar Textarea

So, habs nu endlich selbst hinbekommen und zwar mit diesem kleinen jQuery-Script:

<script type="text/javascript">
		jQuery(document).ready(function(){
			
			$("#author, #email, #submit").addClass("invisible");
			
			$("#comment").click(function(){
				if( $("#author, #email, #submit").hasClass("invisible")){
					$("#author, #email, #submit").removeClass("invisible");
				}
			});
			
			$("#submit").click(function(){
				if( !$("#author, #email, #submit").hasClass("invisible")){
					$("#author, #email, #submit").addClass("invisible");
				}
			});
		});
	</script>

Über die Klasse invisible wird den Elementen einfach ein display:none; zugewiesen. Vielleicht kanns ja noch jemand mal brauchen

 

[cythux]

AW: Zugriff auf Kommentar Textarea

geht bestimmt auch ohne display:none, denke ich mal
http://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/