Formulaire petit soucis sur une portion du script

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Formulaire petit soucis sur une portion du script

Message par demeter1 Mar 21 Avr 2015 - 11:59

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.

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 - 13:15, édité 1 fois
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire petit soucis sur une portion du script

Message par [Nihil] Mar 21 Avr 2015 - 12:57

Coucou Demeter Smile

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 Smile

Une banale erreur d'étourderie ou bien un mauvais copier / coller surement !
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire petit soucis sur une portion du script

Message par demeter1 Mar 21 Avr 2015 - 13:12

Bonjour Nihi,
Je savais bien que des yeux neufs allaient trouver le soucis.

Effectivement, tu as trouvé ma bourde et tout fonctionne correctement. Yahoo

Un grand merci pour cette aide. ok

En te souhaitant une bonne soirée
Stéphane
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum