Discussion :

[CinePhil]

Bonjour,

Presque tout est dans le titre !

J'ai essayé ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var commentaire = $("#msg_addAsFriend").val();

J'ai essayé plus classiquement avec ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var commentaire = document.getElementById("msg_addAsFriend").value;

Mais un alert(commentaire) ne donne qu'une boîte blanche dans le premier cas et un bel "undefined" dans le second.

Je précise que ce textarea est dans le code HTML d'une fancybox mais bien sûr, le code javascript est exécuté après clic du bouton de la fancybox.

Une idée de la cause et de la solution ?

[danielhagnoul]

Bonsoir

C'est bien la méthode val() qu'il convient d'utiliser : http://api.jquery.com/val/

Je précise que ce textarea est dans le code HTML d'une fancybox mais bien sûr, le code javascript est exécuté après clic du bouton de la fancybox.

Une génération dynamique ? Voir la méthode delegate() ou on() avec 1.7 et + : http://api.jquery.com/delegate/

[CinePhil]

Bonsoir

C'est bien la méthode val() qu'il convient d'utiliser : http://api.jquery.com/val/

Sauf que ça ne fonctionne désespérément pas !

Une génération dynamique ? Voir la méthode delegate() ou on() avec 1.7 et + : http://api.jquery.com/delegate/

Euh... qu'appelles-tu génération dynamique ?

Le contenu de la Fancybox est défini en div cachée de la page HTML. Elle contient un bouton qui lance la fonction dans laquelle se trouve la (tentative de) récupération du contenu de la textarea située elle aussi dans la fancybox.

Euh... ça sert à quoi ce delegate ? Je ne suis qu'un grand débutant en Javascript et encore plus en JQuery et autres fantaisies Ajax.

[loic20h28]

Bonjour,

Pourrais-tu nous fournir le HTML concerné par ce code javascript, s'il te plait ?

Cordialement.

[CinePhil]

Voilà le code...

Dans la vue, la partie contenant le lien qui ouvre la fancybox (afficheShareIt) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<?php 
        if($info['id_crea'] != $_SESSION['coords']['id'])
        {
                // Si le créateur du message n'est pas le membre connecté
?>
                                                &nbsp;&nbsp;
                                                <a id="<?php echo $id_msg; ?>" 
                                                        href="javascript:afficheShareIt(<?php echo $id_msg; ?>, '<?php echo $info['message']; ?>');" 
							class="souligneSurvol"
						>
							<?php echo $trad_share; ?>							
						</a>

Le javascript afficheShareIt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
 * afficheShareIt
 * Affiche la popup Share It
 * @param idMessage
 * @return
 */
function afficheShareIt(idMessage, message)
{
	$("#shareItMessage").text(message);
	$.fancybox(
			document.getElementById("popupShareIt").innerHTML,
			{
				'autoDimensions'	: false,
				'width'         	: 'auto',
				'height'        	: 'auto',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			}
		);
}

Dans la vue le code du contenu de la fancybox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="popupShareIt"  class="popupFancyBox">
	<span class="popupTitle"><?php echo $trad_share; ?></span>
	<div class="popupForm">
		<form action="" method="post">
			<div id="shareItPhoto">
				<img src="images/profil/<?php echo (($_SESSION['coords']['photo']) != ''?$_SESSION['coords']['photo']:'no-image.png'); ?>" width="60px"; height="60px" />";
			</div>
			<div id="shareItYourMessageDiv">
				<?php echo $trad_your_message; ?> :<br />
				<textarea id="msg_addAsFriend" name="msg_addAsFriend"></textarea>
			</div>
			<div class="popupMessageDiv">
				<div id="shareItMessage"></div>
				<input id="shareItButton" type="button" onclick="javascript:shareMessage(<?php echo $id_msg.', '.$_SESSION['coords']["id"]; ?>);" />;
				<div id="shareItCadenas" class="afficher_popup"  onclick="afficherPopup('shareItCadenas');">
					<input id="chp_sharewith" name="chp_sharewith" type="hidden" value="<?php echo (($_SESSION['coords']['sharewith'] == "")?"everyone":$_SESSION['coords']['sharewith']); ?>" />
				</div>
			</div>
		</form>
	</div><!-- Fin shareItForm -->
</div><!-- Fin popupShareIt -->

La fonction Javascript shareMessage :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/**
 * shareMessage
 * Enregistre le partage d'un message
 * @param integer idmsg : identifiant du message
 * @returns nothing
 */
function shareMessage(idmsg, idj)
{
	var commentaire = $("#shareItMessage").val();
	alert("contenu du textarea : "+commentaire);
	$.ajax(
		{
			url: "ajax/addcomment.php",
			global: false,
			type: "POST",
			data: ({idMessage : idmsg, idjoueur : idj, msg_commentaire : commentaire}),
			dataType: "html",
			async:false,
			success: function(retour)
			{
				alert('commentaire ajouté');
 
			}
		}
	);
}

Merci d'essayer de m'aider.

[kohsaka]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
   <textarea id="msg_addAsFriend" name="msg_addAsFriend"></textarea

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="shareItMessage"></div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
    var commentaire = $("#shareItMessage").val();
    alert("contenu du textarea : "+commentaire);

Tu ne récupères pas le bon élément.

ps : Il serait mieux de poster le code HTML généré dépourvu du code PHP