Formulaire petit soucis sur une portion du script
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Formulaire petit soucis sur une portion du script
Bonjour à tous,
Je suis en train de travailler sur un formulaire qui va me permettre de faire une mise en forme de mes tutoriels.
Le formulaire fonctionne disons à 99%; le pourcentage restant correspond a une erreur de js que je n'arrive pas à débloquer sur le choix de l'image de garde. Normalement en cliquant dessus, le lien devrait se substituer à celui mis par défaut
Voici le script.
Merci par avance à l'âme charitable qui passera sur ce sujet.
Je suis en train de travailler sur un formulaire qui va me permettre de faire une mise en forme de mes tutoriels.
Le formulaire fonctionne disons à 99%; le pourcentage restant correspond a une erreur de js que je n'arrive pas à débloquer sur le choix de l'image de garde. Normalement en cliquant dessus, le lien devrait se substituer à celui mis par défaut
Voici le script.
- Code:
<script>
function gerarfdf() {
jQuery('[name="message"]').val(jQuery('#resultpanel').val());
jQuery('[name="subject"]').val(jQuery('#Titre').val());
jQuery('[name="f"]').val('70');
}</script>
<form action="/post" method="post" enctype="multipart/form-data"><script>jQuery(document).ready(function(){jQuery('#imagetutoriel img').click(function(){jQuery('#imagetutoriel img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});
jQuery('#imagetutorielform').keyup(function(){imgchamp=jQuery(this).val();if(jQuery('#imagetutoriel img[src="'+imgchamp+'"]').length){jQuery('#imagetutoriel img[src="'+imgchamp+'"]').click()}else{jQuery('#imagetutoriel img').removeClass('imgselected')}});
jQuery('#Titre').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Tutoriel')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Questions et réponses fréquentes')}});
jQuery('#adetap').click(function(){var clickTitre="if(this.value=='Titre')this.value=''";var blurTitre="if(this.value=='')this.value='Titre'";var clickdescricao="if(this.value=='Description')this.value=''";var blurdescri="if(this.value=='')this.value='Description'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adetap').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="Titrepasso" class="inputbox" style="clear:both;width:510px;color:green;font-weight:bold" value="Titre" onclick="'+clickTitre+'" onblur="'+blurTitre+'"><br><br><textarea id="desciptpass" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescri+'">Description</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});
jQuery('#adQuestion').click(function(){var clickQuestion="if(this.value=='Question')this.value=''";var clickRéponse="if(this.value=='Réponse')this.value=''";var blurQuestion="if(this.value=='')this.value='Question'";var blurRéponse="if(this.value=='')this.value='Réponse'";jQuery(this).closest('dl').replaceWith('<dl id="Question"><dd><input id="Titsupprimelaquestion" class="inputbox" style="clear:both;width:510px;color:green;font-weight:bold" value="Question" onclick="'+clickQuestion+'" onblur="'+blurQuestion+'"><br><input id="TitreRéponse" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Réponse" onclick="'+clickRéponse+'" onblur="'+blurRéponse+'"></dd></dl><dl><dd><input type="button" value="Ajouter une question" id="Ajouterunequestion" class="button2"><input type="button" value="Supprimer la question" id="supprimelaquestion" class="button2"></dd></dl>');
jQuery('#Ajouterunequestion').click(function(){var clickQuestion="if(this.value=='Question')this.value=''";var clickRéponse="if(this.value=='Réponse')this.value=''";var blurQuestion="if(this.value=='')this.value='Question'";var blurRéponse="if(this.value=='')this.value='Réponse'";jQuery('#Ajouterunequestion').closest('dl').before('<dl id="Question" style="border-top:1px solid white;padding-top:7px"><dd><input id="Titsupprimelaquestion" class="inputbox" style="clear:both;width:510px;color:green;font-weight:bold" value="Question" onclick="'+clickQuestion+'" onblur="'+blurQuestion+'"><br><input id="TitreRéponse" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Réponse" onclick="'+clickRéponse+'" onblur="'+blurRéponse+'"></dd></dl>')});
jQuery('#supprimelaquestion').click(function(){jQuery(this).closest('fieldset').find('dl#Question').eq(-1).remove();});});
jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});
jQuery('#Genererlecode').click(function(){jQuery('#divresultpanel').slideDown().append('<input type="hidden" name="mode" value="newtopic" /><input type="hidden" name="lt" value="0" /><input type="hidden" name="f" value="20" /><input type="hidden" name="subject" value="Titre non expédié" /><input type="hidden" name="description" value="Description non expédiée" /><input type="hidden" name="message" value="O script não enviou a mensagem" /><input type="submit" name="preview" class="button2" value="Pré-visualiser" onclick="gerarfdf()" /><input type="submit" name="post" class="button2" value="Envoyer" onclick="gerarfdf()" />');passos='';jQuery('#adetap').closest('fieldset').find('#passo').each(function(n){Titre=jQuery(this).find('#Titrepasso').val();descricao=jQuery(this).find('#desciptpass').val();numero=n+1;passos+='[b][size=18]'+numero+'º[/size] - [color=green]'+Titre+'[/color][/b]\n'+descricao+'\n\n\n'});
var aviso='';
if(jQuery('#aviso').length){var aviso='[table][tr][td][img]http://i19.servimg.com/u/f19/11/93/85/24/loupe10.gif[/img][/td][td]'+jQuery('#aviso').val()+'[/td][/tr][/table]'};
var Questions='';jQuery('#Ajouterunequestion').closest('fieldset').find('#Question').each(function(){Question=jQuery(this).find('#Titsupprimelaquestion').val();Réponse=jQuery(this).find('#TitreRéponse').val();Questions+='[list][*][b][color=#86b125]'+Question+'?[/color][/b]\n'+Réponse+'[/list]\n\n'});if(Questions!=''){Questions=Questions+'\n'};
a='[center][table style="margin:auto"][tr][td]\n[img]'+jQuery('#imagetutorielform').val()+'[/img] [/td][td]\n[size=24][color=#86b125]'+jQuery('#Titre').val()+'[/color][/size][/td][/tr][/table][/center]\n\n'+jQuery('#descricao').val()+'\n\n'+aviso+'\n[b][center][color=green][size=16]~ '+jQuery('#tipo').val()+' ~ [/size][/color]\n[size=16][color=red] '+jQuery('#Titre').val()+' [/color][/size][/center][/b]\n\n\n'+passos+Questions+'[hr]\n[size=18][center]© {FORUMNAME}[/center][/size]\n\n[table][tr][td][img]http://i.imgur.com/cyoocvq.png[/img] [/td][td]Si vous avez une question en relation avec ce tutoriel, postez à la suite du sujet ou ouvrez un nouveau topic ayant pour titre : [b][Question sur :] - [/b]\n[b]'+jQuery('#Titre').val()+'[/b][/td][/tr][/table]';
jQuery('#resultpanel').val(a)});
});
</script>
<style>.imgselected{background-color: white;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
}#imagetutoriel img{cursor:pointer}</style>
<div id="mudarforum">
<div id="none" class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Formulaire de mise en forme des tutoriels</div>
<fieldset class="fields1">
<dl><dt>
<label>Image:</label><br><b style="color: gray;">cliquez sur une image pour la sélectionner</b></dt>
<dd><input id="imagetutorielform" class="inputbox" style="clear: both; width: 510px;" value="http://i19.servimg.com/u/f19/11/93/85/24/sans_t17.png"><div id="imagetutoriel" style="
width: 100%;
height: auto;
overflow-x: auto;
display:inline-block;"><div style="float: left;margin-right: -30000px;padding-left: 10px;padding-right: 10px;">
<img src="http://i19.servimg.com/u/f19/11/93/85/24/sans_t17.png" alt="" class="imgselected" style="display:inline;"> <img src="http://i33.servimg.com/u/f33/11/93/85/24/sans_125.png" alt="" class="" style="display:inline"> <img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t22.gif" alt="" class="" style="display:inline"> <img src="http://i63.servimg.com/u/f63/11/93/85/24/18123610.gif" alt="" class="" style="display:inline"> </div></div>
</dd></dl>
<dl><dt>
<label>Titre:</label></dt>
<dd><input id="Titre" class="inputbox" style="clear: both; width: 510px;">
</dd></dl>
<dl><dt>
<label>Description:</label></dt>
<dd><textarea id="descricao" class="inputbox" style="clear: both; height: 100px; width:510px;"></textarea>
</dd></dl>
<dl><dd><input type="button" value="Rajouter un avis" class="button2" onclick="if(jQuery(this).val()=='Rajouter un avis'){jQuery(this).closest('dl').before('<dl id=avisotexto><dt><label><img src=http://i.imgur.com/hjgNXS9.png></label></dt><dd><textarea id=aviso class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('supprimer un avis')}else if(jQuery(this).val()=='supprimer un avis'){jQuery('#avisotexto').remove();jQuery(this).val('Rajouter un avis')};return false"></dd></dl>
<hr>
<input type=hidden id="numdepassos" value="1">
<dl id="passo"><dt><label>1º -</label></dt><dd><input id="Titrepasso" class="inputbox" style="clear:both;width:510px;color:green;font-weight:bold" value="Titre" onclick="if(this.value=='Titre')this.value=''" onblur="if(this.value=='')this.value='Titre'"><br><br><textarea id="desciptpass" class="inputbox" style="clear:both;height:100px;width:627px" onclick="if(this.value=='Description')this.value=''" onblur="if(this.value=='')this.value='Description'">Description</textarea></dd></dl>
<dl>
<dd><input type="button" value="Rajouter une étape" id="adetap" class="button2"><input type="button" value="Supprimer cette étape" id="repasso" class="button2">
</dd></dl><br><dl>
<dd><input type="button" value="Ajouter une question/Réponse" id="adQuestion" class="button2">
</dd></dl>
</fieldset>
<br>
<br><div id="divresultpanel" style="display:none;padding:5px;background-color:white;border:1px solid #EEE;width:99%;cursor:normal"><a id="copy-description-fade" style="display: none; ">Contenu copié sur Altitude Tropicale</a><textarea id="resultpanel" style="font-size: 15px; margin-left: 0px; margin-right: 0px; width: 99%; margin-top: 0px; margin-bottom: 0px; height: 136px; "></textarea><br>
</div><br><div style="text-align: center;"><input type="button" value="Générer le code" id="Genererlecode" class="button2"><input id="tipo" value="Tutoriel" style="display:none"></div><br>
</div></div></div></form>
Merci par avance à l'âme charitable qui passera sur ce sujet.
Dernière édition par demeter1 le Mar 21 Avr 2015 - 19:15, édité 1 fois
Re: Formulaire petit soucis sur une portion du script
Coucou Demeter
Si je ne me trompe pas, il s'agit de cette portion là du code :
La ligne qui pose problème est surement celle ci :
Il me semble que c'est imagetutorielform et non pas imgtutorialform
Une banale erreur d'étourderie ou bien un mauvais copier / coller surement !
Si je ne me trompe pas, il s'agit de cette portion là du code :
- Code:
jQuery('#imagetutoriel img').click(function(){jQuery('#imagetutoriel img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});
La ligne qui pose problème est surement celle ci :
- Code:
jQuery('#imgtutorialform').val(m)
Il me semble que c'est imagetutorielform et non pas imgtutorialform
Une banale erreur d'étourderie ou bien un mauvais copier / coller surement !
Re: Formulaire petit soucis sur une portion du script
Bonjour Nihi,
Je savais bien que des yeux neufs allaient trouver le soucis.
Effectivement, tu as trouvé ma bourde et tout fonctionne correctement.
Un grand merci pour cette aide.
En te souhaitant une bonne soirée
Stéphane
Je savais bien que des yeux neufs allaient trouver le soucis.
Effectivement, tu as trouvé ma bourde et tout fonctionne correctement.
Un grand merci pour cette aide.
En te souhaitant une bonne soirée
Stéphane
Sujets similaires
» Petit soucis avec un formulaire
» Petit Soucis Formulaire de présentation
» Problème avec un script (js) qui remplace le formulaire de création de sujet par son propre formulaire.
» Petit dysfonctionnement du formulaire
» Petit problème de formulaire en pop-up
» Petit Soucis Formulaire de présentation
» Problème avec un script (js) qui remplace le formulaire de création de sujet par son propre formulaire.
» Petit dysfonctionnement du formulaire
» Petit problème de formulaire en pop-up
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum