Partage
  • Partager sur Facebook
  • Partager sur Twitter

(JS) intégrer dans un système mais sa marche pas

    18 février 2007 à 20:19:07

    bonjour,

    j'ai voulu integrer les code de ce tuto :

    http://www.siteduzero.com/tuto-3-1982-1-creation-d-un-bbcode-et-apercu-en-direct.html

    dans mon système de news

    mais voila pluq rien ne ve ce mettre dans le textarea

    voila mes code :

    prev.js :

    <script>
    var timer=0;
    var ptag=String.fromCharCode(5,6,7);
    function  previsualisation() {
    t=document.formulaire.textarea.value 
    t=code_to_html(t)
    if (document.getElementById) document.getElementById("prev").innerHTML=t
    if (document.formulaire.auto.checked) timer=setTimeout(previsualisation,1)
    <!-- le "1" est le temps que met le texte à s'afficher, "1" : le texte s'affichera en même temps que l'on écrit (en s) -->
    }
    function automatique() {
    if (document.formulaire.auto.checked) previsualisation() <!-- si on a cocher la case d'
    aperçu automatique -->
    }
    function code_to_html(t) {
    t=nl2khol(t)
    // balise Gras <!-- on lui dis que telles balises correspondent à tels codes en HTML -->
    t=deblaie(/(\[\/gras\])/g,t)
    t=remplace_tag(/\[gras\](.+)\[\/gras\]/g,'<span style="font-weight: bold;">$1</span>',t) 
    t=remblaie(t)

    // balise Italic
    t=deblaie(/(\[\/italic\])/g,t)
    t=remplace_tag(/\[italic\](.+)\[\/italic\]/g,'<span style="font-style: italic;">$1</span>',t) 
    t=remblaie(t)

    // balise Citation
    t=deblaie(/(\[\/citation\])/g,t)
    t=remplace_tag(/\[citation=([\s\S]*?)\](.+)\[\/citation\]/g,'<strong>Citation $1 :</strong><div style="border: 1px solid #000000; width: 50%; font-family: Verdana, \'Trebuchet MS\', Tahoma, \'Times New Roman\', Times, serif; text-align: left; font-size: 11px;" align="center">$2</div>',t) 
    t=remblaie(t)

    // balise Image
    t=deblaie(/(\[\/image\])/g,t)
    t=remplace_tag(/\[image\](.+)\[\/image\]/g,'<img src="$1" />',t)
    t=remblaie(t)

    // balise URL   
    t=deblaie(/(\[\/url\])/g,t)
    t=remplace_tag(/\[\url=([\s\S]*?)\](.+)\[\/url\]/g,'<a href="$1" target="_blank">$2</a>',t)
    t=remblaie(t)

    // smilies Smile <!-- on oublie pas les smilies -->
    t=remplace_tag(/:D/g,'<img src="http://siteduzero.com/Templates/images/smilies/smile.png" alt="" />',t) 
    t=remblaie(t)
    t=unkhol(t)
    t=nl2br(t)
    return t
    }
    <!-- tout le code qui suit c'est pour transformer toutes les balises, comme les preg_replace en PHP -->
    function deblaie(reg,t) {
    textarea=new String(t);
    return textarea.replace(reg,'
    $1\n');
    }
    function remblaie(t) {
    textarea=new String(t);
    return textarea.replace(/\n/g,'
    ');
    }
    function remplace_tag(reg,rep,t) {
    textarea=new String(t);
    return textarea.replace(reg,rep);
    }
    function nl2br(t) {
    textarea=new String(t);
    return textarea.replace(/\n/g,'
    <br/>');
    }
    function nl2khol(t) {
    textarea=new String(t);
    return textarea.replace(/\n/g,ptag);
    }
    function unkhol(t) {
    textarea=new String(t);
    return textarea.replace(new RegExp(ptag,'
    g'),'\n');
    }   

    </script>


    rediger_news.php (juste la partit ou j'ai mon code javascript)

                     <script language="javascript" type="text/javascript" src="prev.js"></script><!-- on appelle le fichier prev.js pour faire fonctionne la prévisualisation -->
    <script language="Javascript">
    function bbcode(bbdebut, bbfin)
    {
    var input = window.document.formulaire.textarea;
    input.focus();
    /* pour IE (toujous un cas appar lui ;) )*/
    if(typeof document.selection != 'undefined')
    {
    var range = document.selection.createRange();
    var insText = range.text;
    range.text = bbdebut + insText + bbfin;
    range = document.selection.createRange();
    if (insText.length == 0)
    {
    range.move('character', -bbfin.length);
    }
    else
    {
    range.moveStart('character', bbdebut.length + insText.length + bbfin.length);
    }
    range.select();
    }
    /* pour les navigateurs plus récents que IE comme Firefox... */
    else if(typeof input.selectionStart != 'undefined')
    {
    var start = input.selectionStart;
    var end = input.selectionEnd;
    var insText = input.value.substring(start, end);
    input.value = input.value.substr(0, start) + bbdebut + insText + bbfin + input.value.substr(end);
    var pos;
    if (insText.length == 0)
    {
    pos = start + bbdebut.length;
    }
    else
    {
    pos = start + bbdebut.length + insText.length + bbfin.length;
    }
    input.selectionStart = pos;
    input.selectionEnd = pos;
    }
    /* pour les autres navigateurs comme Netscape... */
    else
    {
    var pos;
    var re = new RegExp('^[0-9]{0,3}$');
    while(!re.test(pos))
    {
    pos = prompt("insertion (0.." + input.value.length + "):", "0");
    }
    if(pos > input.value.length)
    {
    pos = input.value.length;
    }
    var insText = prompt("Veuillez taper le texte");
    input.value = input.value.substr(0, pos) + bbdebut + insText + bbfin + input.value.substr(pos);
    }
    }
    function smilies(img)
    {
    window.document.formulaire.textarea.value += '' + img + '';
    }
    </script>
    Les smileys :<br/><br/>

    <img src="http://www.siteduzero.com/Templates/images/smilies/heureux.png" alt="smile" title=":x" onClick="javascript:smilies(':x');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/langue.png" alt="smile" title=":a" onClick="javascript:smilies(':a');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/rire.gif" alt="smile" title=":z" onClick="javascript:smilies(':z');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/unsure.gif" alt="smile" title=":e" onClick="javascript:smilies(':e');return(false)" />
    <br />
    <img src="http://www.siteduzero.com/Templates/images/smilies/triste.png" alt="smile" title=":r" onClick="javascript:smilies(':r');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/huh.png" alt="smile" title=":t" onClick="javascript:smilies(':t');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/mechant.png" alt="smile" title=":y" onClick="javascript:smilies(':y');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/blink.gif" alt="smile" title=":u" onClick="javascript:smilies(':u');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/hihi.png" alt="smile" title=":i" onClick="javascript:smilies(':i');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/siffle.png" alt="smile" title=":o" onClick="javascript:smilies(':o');return(false)" />
    <br />
    <img src="http://www.siteduzero.com/Templates/images/smilies/ange.png" alt="smile" title=":p" onClick="javascript:smilies(':p');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/diable.png" alt="smile" title=":q" onClick="javascript:smilies(':q');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/angry.gif" alt="smile" title=":s" onClick="javascript:smilies(':s');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/magicien.png" alt="smile" title=":d" onClick="javascript:smilies(':d');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/ninja.png" alt="smile" title=":f"  onClick="javascript:smilies(':f');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/pinch.png" alt="smile" title=":g" onClick="javascript:smilies(':g');return(false)" />
    <br />
    <img src="http://www.siteduzero.com/Templates/images/smilies/pirate.png" alt="smile" title=":h" onClick="javascript:smilies(':h');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/zorro.png" alt="smile" title=":j" onClick="javascript:smilies(':j');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/rouge.png" alt="smile" title=":k" onClick="javascript:smilies(':k');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/soleil.png" alt="smile" title=":l" onClick="javascript:smilies(':l');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/pleure.png" alt="smile" title=":m" onClick="javascript:smilies(':m');return(false)" />
    <img src="http://www.siteduzero.com/Templates/images/smilies/waw.png" alt="smile" title=":w"  onClick="javascript:smilies(':w');return(false)" />
    <img src="http://siteduzero.com/Templates/images/smilies/smile.png" title="" alt="" onClick="javascript:smilies(':D');return(false)" />
    <br/><br/>
    Les avertissements :<br/><br/>
    Printemps : <br/>
                    <img src="http://www.siteduzero.com/Templates/images/designs/2/zcode/zcode_info.png" alt="Information" title=":c" onClick="javascript:smilies(':c');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/2/zcode/zcode_attention.png" alt="Attention" title=":v" onClick="javascript:smilies(':v');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/2/zcode/zcode_erreur.png" alt="Erreur" title=":b" onClick="javascript:smilies(':b');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/2/zcode/zcode_question.png" alt="Question" title=":n" onClick="javascript:smilies(':n');return(false)" />
    <br/>
    Hiver :<br/>
                    <img src="http://www.siteduzero.com/Templates/images/designs/6/zcode/zcode_info.png" alt="Information" title=":1" onClick="javascript:smilies(':1');return(false)"/>
                    <img src="http://www.siteduzero.com/Templates/images/designs/6/zcode/zcode_attention.png" alt="Attention" title=":2" onClick="javascript:smilies(':2');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/6/zcode/zcode_erreur.png" alt="Erreur" title=":3" onClick="javascript:smilies(':3');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/6/zcode/zcode_question.png" alt="Question" title=":4" onClick="javascript:smilies(':4');return(false)" />
    <br/>
    Eté :<br/>
                    <img src="http://www.siteduzero.com/Templates/images/designs/7/zcode/zcode_info.png" alt="Information" title=":5" onClick="javascript:smilies(':5');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/7/zcode/zcode_attention.png" alt="Attention" title=":6" onClick="javascript:smilies(':6');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/7/zcode/zcode_erreur.png" alt="Erreur" title=":7" onClick="javascript:smilies(':7');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/7/zcode/zcode_question.png" alt="Question" title=":8" onClick="javascript:smilies(':8');return(false)" />
                    <br/>
                    Automne :<br/>
                    <img src="http://www.siteduzero.com/Templates/images/designs/9/zcode/zcode_info.png" alt="Information" title=":9" onClick="javascript:smilies(':9');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/9/zcode/zcode_attention.png" alt="Attention" title=":10" onClick="javascript:smilies(':10');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/9/zcode/zcode_erreur.png" alt="Erreur" title=":11" onClick="javascript:smilies(':11');return(false)" />
                    <img src="http://www.siteduzero.com/Templates/images/designs/9/zcode/zcode_question.png" alt="Question" title=":12" onClick="javascript:smilies(':12');return(false)" /><br/><br/>
                   
            <input type="button" id="gras" name="gras" value="Gras" onClick="javascript:bbcode('[gras]', '[/gras]');return(false)" />
    <input type="button" id="italic" name="italic" value="Italic" onClick="javascript:bbcode('[italic]', '[/italic]');return(false)" />
    <input type="button" id="image" name="image" value="Image" onClick="javascript:bbcode('[image]', '[/image]');return(false)" />
    <input type="button" id="lien" name="lien" value="Lien" onClick="javascript:bbcode('[url=]', '[/url]');return(false)" />
    <a href="#" title="Créer une citation" onClick="javascript:bbcode('[citation=AUTEUR]', '[/citation]');return(false)">Citation</a><br><br/>
                   
                   

    <p>
        Contenu :<br />
        <textarea cols=35 rows=10 id="textarea" name="contenu">
        <?php echo $contenu; ?> </textarea>

    <br />
       
        <input type="hidden" name="id_news" value="<?php echo $id_news; ?>" />
        <input type="submit" value="Envoyer" />
    </p>


    Merci de votre aide
    • Partager sur Facebook
    • Partager sur Twitter

    (JS) intégrer dans un système mais sa marche pas

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown