No detecta llamada a javascript

keshone · #1 (**permalink**) 24/01/2010, 14:05

Buenas tardes,

Tengo una función en javascript, encargada de mostrar un campo donde introducir el e-mail de usuario. Esta casilla en principio no es visible y tras clickar en un enlace, se muestra gracias al javascript. La cuestión es que hace caso omiso y no sé el por qué.

Código:

    
{literal}
<script type="text/javascript">
	function displayMail() {
		$('#submit .input_mail').html('{/literal}{$lang53} : {if $smarty.session.USERID ne ""}<input type="text" name="email" value="{$smarty.session.EMAIL}" />{else}<input type="text" name="email">{/if}{literal}');
	}
</script>
{/literal}
<div class="input_mail"><a href="javascript:displayMail();">{$lang54}</a></div>

¿Alguien sabe qué problema hay?

Muchísimas gracias por vuestra ayuda!

abimaelrc · #2 (**permalink**) 24/01/2010, 14:49

Espera que un moderador te mueva al foro de javascript, ya que el problema no es de PHP.

jpinedo · #3 (**permalink**) 24/01/2010, 18:13

Tema movido desde PHP a Javascript

keshone · #4 (**permalink**) 25/01/2010, 02:47

Oups, lo siento! Sí, es javascript pero como lo tengo puesto dentro de php y también tiene parte de éste...

Aún así, alguien sabría decirme por qué no está funcionando?

Gracias!

caricatos · #5 (**permalink**) 25/01/2010, 02:58

Hola:

Evidentemente estás usando una librería, ya que $() no es una función estándar javascript... así que vamos a "marear" un poco este tema moviéndolo al foro adecuado.
Es bueno que indiques que usas librerías...

Tema movido desde javascript

Dany_s · #6 (**permalink**) 25/01/2010, 04:12

publicá el código html del formulario

keshone · #7 (**permalink**) 25/01/2010, 06:07

Hola Dany_s, gracias por tu interés. Pego el código a continuación.

Código:

    {literal}
	<script type="text/javascript">
		function displayMail() {
			$('#submit .input_mail').html('{/literal}{$lang53} : {if $smarty.session.USERID ne ""}<input type="text" name="email" value="{$smarty.session.EMAIL}" />{else}<input type="text" name="email">{/if}{literal}');
		}
		function cut(input) {
			if (input.value.length >= {/literal}{$climit}{literal}) {
				input.value = input.value.substring(0,{/literal}{$climit}{literal});
			}
			var reste = {/literal}{$climit}{literal} - input.value.length;
			var print =  reste;
			$(".ok #compteur").html(input.value.length+'/{/literal}{$climit}{literal} {/literal}{$lang55}{literal}');
		}
		$(document).ready(function() {
			$("#submitsh").submit(function() {
				$(this).ajaxSubmit({
							beforeSubmit: function(before) {
							$('#loadingsubmitsh').css('display','block');
							$("#resultsubmitsh").html('');
							$("#resultsubmitsh").css('display','none');
							},
							success: function(retour) {
								$('#loadingsubmitsh').css('display','none');
									if(retour == 'error2') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">{/literal}{$lang33}{literal}</p>');
									} else if(retour == 'error3') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">{/literal}{$lang31}{literal}</p>');
									}else if(retour == 'error4') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">{/literal}{$lang57}{literal}</p>');
									}else if(retour == 'error5') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">{/literal}{$lang60}{literal}</p>');
									}else if(retour == 'error6') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">{/literal}{$lang191}{literal}</p>');
									}else if(retour == 'error7') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">{/literal}{$lang205}{literal}</p>');
									}else {
										$('#resultsubmitsh').html('<p class=\"good\">{/literal}{$lang58}{literal}<br><a href="javascript:submitToggle();">{/literal}{$lang59}{literal}</a></p>');
										setTimeout("$('#submitsh #update').val('');",5000);
									}	
							$('#resultsubmitsh').hide();
							$('#resultsubmitsh').fadeIn(500);
							setTimeout("$('#resultsubmitsh').fadeOut();",5000);							
							}
					}); 
				return false;
			});		
		});
	</script>
    {/literal}
	<div id="submit" class="post">
        <h2>{$lang7}</h2><br/>
        <ul style="list-style-type: none; margin-bottom: 10px;">
        	<li>- <b>{$lang8} </b>: {$lang9}</li>
            <li style="margin-top:5px;">- {$lang10}</li>
        </ul>
        <form method="post" id="submitsh" class="submitsh" action="{$baseurl}/submit.php">
        <fieldset>
            <div class="input_auteur">
            	{$lang50} : {if $smarty.session.USERID ne ""}{$smarty.session.USERNAME|stripslashes}<input type="hidden" name="uname" value="{$smarty.session.USERNAME|stripslashes}" /><input type="hidden" name="uid" value="{$smarty.session.USERID}" />{else}<input type="text" name="uname" value="">{/if}
            </div>			
            <div class="input_cat">
            	{$lang11} : 
                <select name="cat">
                <option value="">{$lang52}</option>
                {insert name=get_categories assign=cat}
                {section name=i loop=$cat}
                <option value="{$cat[i].CATID}">{$cat[i].name|stripslashes}</option>
                {/section}
            	</select>
            </div>
            <div class="input_sexe">
            	{$lang25}? : 
                <select name="gender">
                <option value="">{$lang52}</option>
                <option value="1" {if $smarty.session.GENDER eq "1"}selected="selected"{/if}>{$lang26}</option>
                <option value="0" {if $smarty.session.GENDER eq "0"}selected="selected"{/if}>{$lang27}</option>
            	</select>
            </div>
            <textarea id="update" name="content" rows="6" onkeyup="cut(this);"></textarea>
            <div id="loadingsubmitsh"><img id="loading" src="{$imageurl}/loader.gif"></div>
            <div id="resultsubmitsh" class="result"></div>			
            <div class="input_mail"><a href="javascript:displayMail();">{$lang54}</a></div>
            <div class="ok">
            	<table><tr><td><img src="{$baseurl}/include/captcha.php" style="border: 0px; margin:0px; padding:0px" /></td><td><input type="text" name="captcha" value=""></td><td><div id="compteur"></div> <input type="submit" name="ok" value="{$lang51}"/></td></tr></table>
            </div>
        </fieldset>
        <input type="hidden" name="substory" value="1" />
        </form>
	</div>

Muchísimas gracias de nuevo!

Dany_s · #8 (**permalink**) 25/01/2010, 06:30

la función está bien, capaz te da error en otra linea de javascript cuando generas resultado con smarty porque dejando solo la funcion displayMail funciona bien

tenes que publicar el código html sino se complica la lectura, ejecuta eso en el navegador y publicá el código html que se genera

fijate en la consola de javascript que error te da

keshone · #9 (**permalink**) 25/01/2010, 06:42

Hola Dany_s, gracias de nuevo! A continuación copio el código parcial, del HTML de la página. La parte que afecta y que no está funcionando como es debido.

Código:

	<script type="text/javascript">
		function displayMail() {
			$('#submit .input_mail').html('E-mail : <input type="text" name="email">');
		}
		function cut(input) {
			if (input.value.length >= 3000) {
				input.value = input.value.substring(0,3000);
			}
			var reste = 3000 - input.value.length;
			var print =  reste;
			$(".ok #compteur").html(input.value.length+'/3000 caractères');
		}
		$(document).ready(function() {
			$("#submitsh").submit(function() {
				$(this).ajaxSubmit({
							beforeSubmit: function(before) {
							$('#loadingsubmitsh').css('display','block');
							$("#resultsubmitsh").html('');
							$("#resultsubmitsh").css('display','none');
							},
							success: function(retour) {
								$('#loadingsubmitsh').css('display','none');
									if(retour == 'error2') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">Etes-vous un homme ou une femme? Nous sommes sûrs que cette information intéressera vos lecteurs!</p>');
									} else if(retour == 'error3') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">Oups! Votre adresse e-mail n'est pas valide</p>');
									}else if(retour == 'error4') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">Dans quelle catégorie pourrait être classée votre histoire?</p>');
									}else if(retour == 'error5') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">Oups! Votre histoire est trop courte! Etes-vous sûr de parvenir à exciter les gens avec si peu?</p>');
									}else if(retour == 'error6') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">Oups! Le code image n'est pas bon, essayez de nouveau.</p>');
									}else if(retour == 'error7') {
										$('#resultsubmitsh').html('<p class=\"pasgood\">Attention, votre histoire contient trop de mots bannis</p>');
									}else {
										$('#resultsubmitsh').html('<p class=\"good\">Merci d'avoir partagé votre histoire avec nous... Revenez vite pour voir si elle a été publiée!<br><a href="javascript:submitToggle();">Fermer</a></p>');
										setTimeout("$('#submitsh #update').val('');",5000);
									}	
							$('#resultsubmitsh').hide();
							$('#resultsubmitsh').fadeIn(500);
							setTimeout("$('#resultsubmitsh').fadeOut();",5000);							
							}
					}); 
				return false;
			});		
		});
	</script>
    
	<div id="submit" class="post">
        <h2>Racontez votre histoire coquine</h2><br/>
        <ul style="list-style-type: none; margin-bottom: 10px;">
        	<li>- <b>Concept </b>: Partagez vos expériences les plus chaudes, vos fantasmes ou votre dernière nuit torride, sans aucun tabou! Ne soyez pas timides, lâchez-vous!</li>

            <li style="margin-top:5px;">- Recommandations: <ul><li>Raccourcissez l'histoire au maximum: au plus elle sera courte, au plus elle sera lue.</li><li>
N'oubliez pas que le langage le plus cru n'est pas forcément le plus excitant...</li>
<li>Evitez le langage SMS et les fautes d'ortographe!</li></ul></li>
        </ul>
        <form method="post" id="submitsh" class="submitsh" action="http://www.cam.fr/submit.php"><input type="hidden" name="PHPSESSID" value="93c033966c1d565838cbe7658f5235cf" />
        <fieldset>
            <div class="input_auteur">
            	Votre pseudo : <input type="text" name="uname" value="">            </div>			
            <div class="input_cat">

            	Catégories : 
                <select name="cat">
                <option value="">Choisissez</option>
                
                                <option value="13">Divers</option>
                                <option value="8">Fantasmes</option>
                                <option value="14">Foirages</option>
                                <option value="12">Plaisirs Solitaires</option>

                                <option value="10">Plan à trois (ou plus)</option>
                                <option value="9">Première fois</option>
                                <option value="11">Public</option>
                                <option value="15">Trash</option>
                            	</select>
            </div>
            <div class="input_sexe">

            	Sexe? : 
                <select name="gender">
                <option value="">Choisissez</option>
                <option value="1" >Homme</option>
                <option value="0" >Femme</option>
            	</select>
            </div>
            <textarea id="update" name="content" rows="6" onkeyup="cut(this);"></textarea>

            <div id="loadingsubmitsh"><img id="loading" src="http://www.cam.fr/images/loader.gif"></div>
            <div id="resultsubmitsh" class="result"></div>			
            <div class="input_mail"><a href="javascript:displayMail();">Prévenir lorsque l'histoire est publiée?</a></div>
            <div class="ok">
            	<table><tr><td><img src="http://www.cam.fr/include/captcha.php" style="border: 0px; margin:0px; padding:0px" /></td><td><input type="text" name="captcha" value=""></td><td><div id="compteur"></div> <input type="submit" name="ok" value="Soumettre!"/></td></tr></table>
            </div>
        </fieldset>
        <input type="hidden" name="substory" value="1" />

        </form>
	</div>

Dany_s · #10 (**permalink**) 25/01/2010, 08:15

tenes que escapar las comillas simples que estan en el texto que traes con smarty:

$('#resultsubmitsh').html('Oups! Votre adresse e-mail n'est pas valide');

$('#resultsubmitsh').html('Oups! Le code image n'est pas bon, essayez de nouveau.');

$('#resultsubmitsh').html('Merci d'avoir partagé votre histoire avec nous... Revenez vite pour voir si elle a été publiée! <a href="javascript:submitToggle();">Fermer</a>');

eso arreglá con php, no sé, usa addslashes de php donde recuperás el texto asi te queda "n\'est" y creo que va a funcionar

keshone · #11 (**permalink**) 25/01/2010, 08:23

Dany_s, un millón de gracias. Cuando llegue a casa lo pruebo, tiene mucha lógica lo que dices.

Un saludo y gracias de nuevo!

keshone · #12 (**permalink**) 26/01/2010, 03:08

Efectivamente, era por las comillas simples. Las he puesto como bien decías añadiendo "\" y funciona a la perfección.

Muchísimas gracias!!