IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[Javascript][Débutant] création liste à puces pour un bbcode


Sujet :

JavaScript

  1. #1
    Invité
    Invité(e)
    Par défaut [Javascript][Débutant] création liste à puces pour un bbcode
    Bonsoir à tous ,

    Je voudrais ajouter dans mon bbcode 3 fonctions semblables qui ouvrent une fenêtre en Javascript à chaque fois :
    • l'insertion automatisée de liste à puces comme sur ce forum
    • l'insertion automatisée de liste numérotées comme sur ce forum
    • un système d'ajout de liens comme sur ce forum mais qui en plus de la saisie de l'adresse propose la saisie d'un texte pour le lien


    Pour le lien je voudrais que ça ajoute des balises de la forme suivante
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    [lien url=http://www.developpez.net]texte du lien[/lien]
    voilà merci d'avance
    Je n'ai aucune piste ne serait-ce que pour commencer ce système...
    Dernière modification par Invité ; 29/03/2007 à 20h53.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Heu, si tu as deux input, un pour le texte et un pour le lien, genre :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" id="lien" />
    <input type="text" id="texte" />

    Tu peux, sur le onclick d'un bouton, affecter une valeur au textarea de la page mère genre :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" value="Ok" onclick="opener.getElementById('iddetontextareadelapagemere').value+='[lien url='+document.getElementById('lien').value+']'+document.getElementById('texte').value+'[/lien]';window.close();" />

  3. #3
    Invité
    Invité(e)
    Par défaut
    Merci, mais mon problème est plus complexe que ça, je réexplique plus précisément
    Je voudrais que le système soit semblable à celui de ce site. En utilisant la fonction prompt...

    • ma page php dont je vous donne le code concerné ("rediger_news.php")
    • un fichier qui contiendra les fonction que j'aimerais que vous me donniez ("navigateur.js")
    • un fichier qui sert à la prévisualisation ("prev.js")


    le code HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <input type="button" name="lien" onClick="javascript:nom_fonction..." value="Lien" />
    <input type="button" name="liste_puces" onClick="javascript:nom_fonction..." value="Liste à puces" />
    <input type="button" name="liste_num" onClick="javascript:nom_fonction..." value="Liste numérotée" />
     
    <textarea cols="50" rows="10" id="textarea" name="contenu"></textarea>
    Voilà ce que je voudrais povoir avoir après avoir validé la création des différentes listes ou liens.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    [liste_puce]
    [puce]Le texte tapé dans la fenêtre...[/puce]
    [puce]idem[/puce]
    [puce]idem[/puce][/liste_puce]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    [liste_num]
    [num]Le texte tapé dans la fenêtre...[/num]
    [num]idem[/num]
    [num]idem[/num][/liste_num]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    [lien url=http://www.developpez.net]texte du lien[/lien]
    Merci d'avance à ceux qui m'aideront...

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Heuu ... Je pense que le mieux est que tu regardes le code source du site hein.

  5. #5
    Invité
    Invité(e)
    Par défaut
    ok, merci, j'ai résolu le problème des listes à puces et numérotées mais pas celui des liens. Voilà une ébauche très sommaire de ce que je tente de faire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    // lien
    function lien(texte){
     
    var question = prompt("Saisissez l'adresse du lien");
    var adresse_lien="";
    var question = prompt("Saisissez le lien");
    var texte_lien="";
     
    lien_complet="<a href="http://adresse_lien" target="_blank">"texte_lien"</a>";
     
    bbcode(lien_complet,'','textarea');
    }
    je n'y connais rien, j'ai juste tenté une ébauche, si quelqu"un est capable de la compléter un peu ou beaucoup

    Merci d'avance

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    lien_complet = '<a href="http://' + adresse_lien + '" target="_blank">' + texte_lien + '</a>';

  7. #7
    Invité
    Invité(e)
    Par défaut
    ok, merci de ta réponse rapide. Mon code a été transformé sûrement par le parseur du site du coup je met un a à la place du u de url...

    voilà le code avec les modifs que tu m'as donné
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    // lien
    function lien(texte){
     
    var question = prompt("Saisissez l'adresse du lien");
    var adresse_lien="";
    var question = prompt("Saisissez le texte du lien");
    var texte_lien="";
     
    lien_complet='[arl=' + adresse_lien + ']' + texte_lien + '[/arl]';
     
    bbcode(lien_complet,'','textarea');
    }
    quand je valide la deuxième fenêtre il n'affiche que , il n'insère pas ce que je viens d'entrer dans les deux fenetres...

  8. #8
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var adresse_lien = prompt("Saisissez l'adresse du lien");
    var texte_lien = prompt("Saisissez le texte du lien");

  9. #9
    Invité
    Invité(e)
    Par défaut
    rapide, patient, clair, précis merci Bisûnûrs

    problème résolu a+

  10. #10
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 5
    Par défaut
    Je souhaiterai créer une fonction qui insère les tags liste à puces.

    En claire, comment insérer en début et en fin de sélection le tag LIST et insérer tout en même temps à chaque début de ligne les tags * (étoiles) ?

    D'avance merci,
    Fabiano13

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-2010] Macro création liste déroulante pour réaliser une synthèse
    Par rico63 dans le forum Macros et VBA Excel
    Réponses: 10
    Dernier message: 16/04/2012, 14h02
  2. Création liste déroulante en javascript pour adobe livecyrcle
    Par mad000 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 24/07/2009, 14h57
  3. [RegEx] BBCode pour des liste à puces
    Par PierreBTSIG dans le forum Langage
    Réponses: 7
    Dernier message: 20/05/2008, 13h48
  4. Réponses: 6
    Dernier message: 15/06/2006, 14h07
  5. [C#][Débutant]Création d'add-in pour MVS 2005 Express ?
    Par Laurent Dardenne dans le forum C#
    Réponses: 5
    Dernier message: 12/04/2006, 11h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo