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 :

boite de dialogue invisible sous IE


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 8
    Points : 6
    Points
    6
    Par défaut boite de dialogue invisible sous IE
    Bonjour à tous,

    j'ai créé une fenetre de saisie qui est presque au point

    toutefois je viens de m'apercevoir qu'elle n'apparessait pas sous IE...

    voici le code source de la page :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     
    <?php
    //ouverture de la connection a la bdd
    mysql_connect("sql1.connection.fr", "leloginquejenemetspas", "lemotdepassesupereduratrouver");
    mysql_select_db("leptitarverne");
     
    //déclaration des variables globales :
    $nouveau = '';
    $chaine = '';
    $donnees = '';
     
    //déclaration des 3 fonctions
    function creerVariables()
    {
            if (isset($_POST['nouveau']))
            {
                    global $nouveau,$chaine;
     
                    $nouveau = stripslashes($_POST['nouveau']); // On enlève les slash qui se seraient ajoutés automatiquement
                    $chaine = $nouveau;
                    $nouveau = htmlspecialchars($nouveau); // On rend inoffensives les balises HTML que le visiteur a pu rentrer
                    $nouveau = nl2br($nouveau); // On crée des <br /> pour conserver les retours à la ligne
     
     
                    // On fait passer notre texte à la moulinette des Regex
                    $nouveau = preg_replace('#\[b\](.+)\[/b\]#isU', '<strong>$1</strong>', $nouveau);
                    $nouveau = preg_replace('#\[u\](.+)\[/u\]#isU', '<u>$1</u>', $nouveau);
                    $nouveau = preg_replace('#\[i\](.+)\[/i\]#isU', '<em>$1</em>', $nouveau);
                    $nouveau = preg_replace('#\[color=(red|green|blue|yellow|purple|olive)\](.+)\[/color\]#isU', '<span style="color:$1">$2</span>', $nouveau);
                    $nouveau = preg_replace('#http://[a-z0-9._/-]+#i', '<a href="$0">$0</a>', $nouveau);
     
                    // Et on affiche le résultat. Admirez ! :D
                    //echo $nouveau . '<br /><hr />';
            }
            else
            {
                    global $donnees;
     
                    $reponse = mysql_query('SELECT text FROM sebnouveau1 ORDER BY id DESC LIMIT 0, 1');
                    $row = mysql_fetch_array($reponse, MYSQL_BOTH);
                    $donnees=$row[0];
    				$donnees = str_replace('<br />', '', $donnees);
                    mysql_free_result($reponse); //nétoyage de la variable
            }
    }
    function maRequete()
    {
    //recuperation de la variable globale   
            global $nouveau;
     
    //creation de la date et on ajoute tout ca dans la bdd :       
            $date = date('Y/m/d');
    		$new = preg_replace('# #isU', '', $nouveau);
    		if ($new != '')
            mysql_query("INSERT INTO sebnouveau1 VALUES('', '$nouveau', '$date')");
    }
    function afficheTxt()
    {
            global $donnees,$chaine;
     
            if (isset($_POST['nouveau']))
            {
                    echo $chaine ;
            }
            else
            {
                    echo $donnees ;
            }
    }
     
    //appel de la fonction de creation de variables :
    creerVariables();
     
    ?>
     
     
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
            <head>
                            <title>Sebastien Vial : admin</title>
                            <link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
                            <link rel="shortcut icon" type="image/x-icon" href="images/sv2.jpg" />
     
     
            </head>
     
            <body id="top">
     
                    <div id="conteneur">
     
     
                            <div class="menu">
                            <ul class="menu">
    <br><br><br>
                    <a title="Page d'accueil" href="index2.php">Accueil</a><br><br>
                    <a title="Présentation du travail de Sébastien Vial" href="presentation.html">Présentation</a><br><br>
                    <a title="Photos des créations" href="images.html">Images</a><br><br>
                    <a title="Le parcour de Sébastien Vial" href="bio.html">Biographie</a><br><br>
                    <a title="Sites à connaitre" href="amis.html">Liens</a><br><br>
                            </ul>
                            </div> 
     
                                    <div class="header">
                                    <img src="http://le-ptit-arverne.fr/seb/images/titre1.png" align="right" alt="Sébastien Vial" >
                                    </div>
     
     
                            <div id="contenu" align="center">
                            <br><br><br><br><br><br><br>
     
                            <h3 align="center">Panneau de modification de l'accueil anglais</h5><br>
    <?php
    echo $GLOBALS["nouveau"]. '<br />';
    ?>
     
     
     
     <script type="text/javascript" src="previsualisation.js" />
     
     
    <form name="formulaire" method="post">
     
    <label for="nouveau">Inscris ici les nouveautés que tu veux faire paraître sur ta page d'accueil anglaise :</label><br><br>
    <img src="images/boutons/gras.jpg" alt="gras" title="mêtre le texte selectionné en gras" onclick="insertion('<gras>','</gras>')"/>
    <img src="images/boutons/italique.jpg" alt="italique" title="mêtre le texte selectionné en italique" onclick="insertion('<italique>','</italique>')"/>
    <img src="images/boutons/souligne.jpg" alt="souligne" title="souligner le texte selectionné" onclick="insertion('<souligne>','</souligne>')"/>
    <img src="images/boutons/barre.jpg" alt="barre" title="barrer le texte selectionné" onclick="insertion('<barre>','</barre>')"/>&nbsp
    <img src="images/boutons/gauche.jpg" alt="gauche" title="alligner le texte selectionné à gauche" onclick="insertion('<position gauche>','</position>')"/>
    <img src="images/boutons/centre.jpg" alt="centrer" title="centrer le texte selectionné" onclick="insertion('<position centre>','</position>')"/>
    <img src="images/boutons/droite.jpg" alt="droite" title="alligner le texte selectionné à droite" onclick="insertion('<position droite>','</position>')"/>
    <img src="images/boutons/justifie.jpg" alt="justifie" title="alligner le texte selectionné à droite et à gauche" onclick="insertion('<position justifie>','</position>')"/>&nbsp
    <img src="images/boutons/image.jpg" alt="image" title="fait apparaître l'image dont l'adresse est selectionnée" onclick="insertion('<image>','</image>')"/>
    <img src="images/boutons/lien.jpg" alt="lien" title="rend clicable l'adresse selectionnée" onclick="insertion('<lien>','</lien>')"/>
    <img src="images/boutons/code.jpg" alt="code" title="fait apparaître le code informatique selectionné" onclick="insertion('<>','</>')"/>
    <img src="images/boutons/media.jpg" alt="video" title="fait apparaître la vidéo dont l'adresse est selectionnée" onclick="insertion('<>','</>')"/>&nbsp
    <img src="images/boutons/listeLettre.jpg" alt="listelettre" title="Créer une liste hortographique" onclick="insertion('<liste>','</liste>')"/>
    <img src="images/boutons/listeNum.jpg" alt="listenumerique" title="Créer une liste numérique" onclick="insertion('<>','</>')"/>
    <img src="images/boutons/listePt.jpg" alt="listpoint" title="Créer une liste à points" onclick="insertion('<puce>','</puce>')"/>
     
    <div align="center">
     
    <form method="post" align="center" action="traitement.php">
           <select name="couleur" id="couleur">
    			<option value="noir">noir</option>
    			<option value="orange">orange</option>
    			<option value="marron">marron</option>
    			<option value="vertf">vert foncé</option>
    			<option value="olive">olive</option>
    			<option value="marine">bleu marine</option>
    			<option value="violet">violet</option>
    			<option value="bleugris">bleugris</option>
    			<option value="argent">argent</option>
    			<option value="gris">gris</option>
    			<option value="rouge">rouge</option>
    			<option value="vertc">vert clair</option>
    			<option value="jaune">jaune</option>
    			<option value="bleu">bleu</option>
    			<option value="rose">rose</option>
    			<option value="turquoise">turquoise</option>
    			<option value="blanc">blanc</option>
           </select> &nbsp&nbsp&nbsp
     
           <select name="police" id="police">
    			<option value="verdana">verdana</option>
    			<option value="comic">comic</option>
    			<option value="courrier">courrier</option>
    			<option value="arial">arial</option>
           </select>&nbsp&nbsp&nbsp&nbsp
     
    	          <select name="taille" id="taille">
    			<option value="petit">petit</option>
    			<option value="normal">normal</option>
    			<option value="grand">grand</option>
    			<option value="tres-grand">très grand</option>
           </select>
    </form>
    </div>
     
    <textarea id="nouveau" name="nouveau" rows="10" cols="50" onKeyUp="previsualisation('nouveau','paragraphe');"><?php afficheTxt(); ?></textarea><br><br>
    <div id="paragraphe" style="border:2px inset #BCC7D5;"></div><br>
     
    <input type="submit" value="Envoyer" onclick="<?php maRequete();?>">
    </form>
     
     
     
                            </div>
                    </div>
     
     
     
        </body>
    </html>
    <?php
    //on ferme la connection a la bdd
    mysql_close(); 
    ?>
    Je remercie toutes les ames charitables qui prendront un peut de leur temps pour m'aider

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 453
    Points : 550
    Points
    550
    Par défaut
    Un petit conseil rapide...
    Enleve le mot de passe de la base de donnees...

  3. #3
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    je crois qu'il manque ton fichier javascript ...

  4. #4
    Futur Membre du Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 8
    Points : 6
    Points
    6
    Par défaut
    Merci beaucoup Sachav ainsi qu'au modérateur qui a modifié les données privées...

    heureusement il n'y a pas tant de gents mal intentionnés que l'on ne l'imagine

    Le_chomeur, je ne pensais pas qu'il était necessaire, le voici :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    function previsualisation(id_textsaisi, id_prev)
    {
            var textsaisi = document.getElementById(id_textsaisi);
        var div_prev = document.getElementById(id_prev);
        var contenu = textsaisi.value;
     
            contenu = contenu.replace(/<gras>([\s\S]*?)<\/gras>/g, '<span class="gras">$1</span>');
            contenu = contenu.replace(/<italique>([\s\S]*?)<\/italique>/g, '<span class="italique">$1</span>');
            contenu = contenu.replace(/<souligne>([\s\S]*?)<\/souligne>/g, '<span class="souligne">$1</span>');
            contenu = contenu.replace(/<barre>([\s\S]*?)<\/barre>/g, '<strike>$1</strike>');
            contenu = contenu.replace(/<position valeur="(gauche|droite|centre|justifie)">([\s\S]*?)<\/position>/g, '<div class="$1">$2</div>');
            contenu = contenu.replace(/<flottant valeur="(gauche|droite|aucun)">([\s\S]*?)<\/flottant>/g, '<div class="flot_$1">$2</div>');
            contenu = contenu.replace(/<taille valeur="(petit|normal|grand|tres-grand)">([\s\S]*?)<\/taille>/g, '<span class="$1">$2</span>');
            contenu = contenu.replace(/<couleur nom="(orange|noir|marron|vertf|olive|marine|violet|bleugris|argent|gris|rouge|vertc|jaune|bleu|rose|turquoise|blanc)">([\s\S]*?)<\/couleur>/g, '<span class="$1">$2</span>');
            contenu = contenu.replace(/<police nom="(arial|courrier|comic|verdana)">([\s\S]*?)<\/police>/g, '<span class="$1">$2</span>');
            contenu = contenu.replace(/<liste>([\s\S]*?)<\/liste>/g, '<ol type="1">$1</ol>');
            contenu = contenu.replace(/<puce>([\s\S]*?)<\/puce>/g, '<li>$1</li>');
            contenu = contenu.replace(/<lien url="([\s\S]*?)">([\s\S]*?)<\/lien>/g, '<a href="$1">$2</a>');
            contenu = contenu.replace(/<email nom="([\s\S]*?)">([\s\S]*?)<\/email>/g, '<a href="mailto:$1">$2</a>');
            contenu = contenu.replace(/<acronyme valeur="([\s\S]*?)">([\s\S]*?)<\/acronyme>/g, '<acronym title="$1">$2</acronym>');
            contenu = contenu.replace(/<image legende="([\s\S]*?)" alternatif="([\s\S]*?)">([\s\S]*?)<\/image>/g, '<img src="$3" alt="$2" title="$1">');
    		contenu = contenu.replace(/\n/g,'<br>');
     
            /* tableau */
            contenu = contenu.replace(/<tableau titre="([\s\S]*?)">/g, '<caption class="caption">$1</caption><table class="table">');
            contenu = contenu.replace(/<\/tableau>/g, '</table>');
            contenu = contenu.replace(/<ligne>/g, '<tr>');
            contenu = contenu.replace(/<\/ligne>/g, '</tr>');
            contenu = contenu.replace(/<cellule>([\s\S]*?)<\/cellule>/g, '<td class="td">$1</td>');
            contenu = contenu.replace(/<cellule_e>([\s\S]*?)<\/cellule_e>/g, '<th class="td">$1</th>');
     
            contenu = contenu.replace(/<corps>/g, '<tbody>');
            contenu = contenu.replace(/<\/corps>/g, '</tbody>');
            contenu = contenu.replace(/<entete>/g, '<thead>');
            contenu = contenu.replace(/<\/entete>/g, '</thead>');
            contenu = contenu.replace(/<pied>/g, '<tfoot>');
            contenu = contenu.replace(/<\/pied>/g, '</tfoot>');
     
            div_prev.innerHTML = contenu;
    }
     
     
    function insertion(repdeb, repfin) {
      var input = document.forms['formulaire'].elements['nouveau'];
      input.focus();
      /* pour l'Explorer Internet */
      if(typeof document.selection != 'undefined') {
        /* Insertion du code de formatage */
        var range = document.selection.createRange();
        var insText = range.text;
        range.text = repdeb + insText + repfin;
        /* Ajustement de la position du curseur */
        range = document.selection.createRange();
        if (insText.length == 0) {
          range.move('character', -repfin.length);
        } else {
          range.moveStart('character', repdeb.length + insText.length + repfin.length);
        }
        range.select();
      }
      /* pour navigateurs plus récents basés sur Gecko*/
      else if(typeof input.selectionStart != 'undefined')
      {
        /* Insertion du code de formatage */
        var start = input.selectionStart;
        var end = input.selectionEnd;
        var insText = input.value.substring(start, end);
        input.value = input.value.substr(0, start) + repdeb + insText + repfin + input.value.substr(end);
        /* Ajustement de la position du curseur */
        var pos;
        if (insText.length == 0) {
          pos = start + repdeb.length;
        } else {
          pos = start + repdeb.length + insText.length + repfin.length;
        }
        input.selectionStart = pos;
        input.selectionEnd = pos;
      }
      /* pour les autres navigateurs */
      else
      {
        /* requête de la position d'insertion */
        var pos;
        var re = new RegExp('^[0-9]{0,3}$');
        while(!re.test(pos)) {
          pos = prompt("Insertion à la position (0.." + input.value.length + "):", "0");
        }
        if(pos > input.value.length) {
          pos = input.value.length;
        }
        /* Insertion du code de formatage */
        var insText = prompt("Veuillez entrer le texte à formater:");
        input.value = input.value.substr(0, pos) + repdeb + insText + repfin + input.value.substr(pos);
      }
    }

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    211
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 211
    Points : 196
    Points
    196
    Par défaut
    De mon coté, tes fenetres apparaissent bien dans IE6 et 7.

    Par contre, tu devrais peut-etre considérer l'utilisation d'un RTE et/ou d'un CMS existant...

  6. #6
    Futur Membre du Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 8
    Points : 6
    Points
    6
    Par défaut
    Merci pour ta réponse Nabab,

    peux tu me dire ce que c'est qu'un RTE et un CMS ?

    Etonnant que tu vois la boite de dialogue, j'ai IE 6 et je ne vois rien !

  7. #7
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    211
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 211
    Points : 196
    Points
    196
    Par défaut
    Désolé, j'avais fui le réseau qqs jours

    Un RTE, c'est un Rich Text Editor, cad une fenetre comme celle dans laquelle je tape actuellement, qui permet de mettre ton texte en forme en direct sans avoir a écrire du HTML.
    Voila celui que j'utilise:
    http://tinymce.moxiecode.com/

    Pour ce qui est des CMS, le plus simple est de te rendre la:
    http://fr.wikipedia.org/wiki/Syst%C3...ion_de_contenu

    A+

  8. #8
    Futur Membre du Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 8
    Points : 6
    Points
    6
    Par défaut
    Merci beaucoup Nabab,

    le RTE va sans doute pouvoir m'aider même si je tiens à créer moi même la boite de dialogue

Discussions similaires

  1. [C#] Boîte de dialogue "Enregistrer sous"
    Par TmDsbsBs dans le forum ASP.NET
    Réponses: 22
    Dernier message: 31/10/2013, 18h55
  2. [VBA] Renseignements sur boite de dialogue "enregistrer sous"
    Par p'tite Sandrine dans le forum Access
    Réponses: 40
    Dernier message: 22/02/2007, 11h53
  3. boite de dialogue enregistrer sous
    Par maxeur dans le forum Access
    Réponses: 8
    Dernier message: 23/01/2007, 17h23
  4. Pb Boite de dialogue "enregistrer sous"
    Par tangueros dans le forum Access
    Réponses: 2
    Dernier message: 31/07/2006, 12h25
  5. Boite de dialogue personnalisée sous Word ou Excel
    Par mastasushi dans le forum VBA Word
    Réponses: 2
    Dernier message: 17/05/2006, 12h01

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