Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  INTERNET


|||-  

Probléme de script javascript

 

95 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

Probléme de script javascript

Prévenir les modérateurs en cas d'abus 
johnvox
johnvox
Sur la bonne voie (de 100 à 499 messages postés)
  1. Posté le 31/08/2008 à 17:06:54  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour,
 j'ai un problème de script avec 2 page de mon site.
 C'est le même script sur les 2 pages mais seulement 1 fonctionne correctement.

 celle ci ne fonctionne pas :
 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D​TD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/​xhtml" xml:lang="fr" lang="fr">

<head>

<title>Bienvenue sur le Serveur Activation Media-gestion</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta http-equiv="Content-Language" content="fr" />

<meta http-equiv="Content-Script-Typ​e" content="text/javascript" />

<meta http-equiv="Content-Style-Type​" content="text/css" />

<meta name="DC.Language" scheme="RFC3066" content="fr" />

<link rel="stylesheet" href="../style.css" type="text/css" media="screen" title="Normal" />
 <style type="text/css">
 .infobulle{
  position: absolute;
  visibility : hidden;
  border: 1px solid Black;
  padding: 10px;
  font-family: Verdana, Arial;
  font-size: 10px;
  background-color: #FFFFCC;
 }
 </style>

</head>
 <body>

<script type="text/javascript">
 <!--
 function GetId(id)
 {
 return document.getElementById(id);
 }
 var i=false; // La variable i nous dit si la bulle est visible ou non

 function move(e) {
  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale

if (navigator.appName!="Microsoft Internet Explorer" ) { // Si on est pas sous IE

GetId("curseur" ).style.left=e.​pageX + 5+"px";

GetId("curseur" ).style.top=e.p​ageY + 10+"px";

}

else { // Modif proposé par TeDeum, merci à lui

if(document.documentElement.cl​ientWidth>0) {
  GetId("curseur" ).style.left=20​+event.x+document.documentElem​ent.scrollLeft+"px";
  GetId("curseur" ).style.top=10+​event.y+document.documentEleme​nt.scrollTop+"px";

} else {
  GetId("curseur" ).style.left=20​+event.x+document.body.scrollL​eft+"px";
  GetId("curseur" ).style.top=10+​event.y+document.body.scrollTo​p+"px";
       }

}
  }
 }

 function montre(text) {
  if(i==false) {
  GetId("curseur" ).style.visibil​ity="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  GetId("curseur" ).innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
  i=true;
  }
 }
 function cache() {
 if(i==true) {
 GetId("curseur" ).style.visibil​ity="hidden"; // Si la bulle etais visible on la cache
 i=false;
 }
 }
 document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
 //-->
 </script>
 <div id="page">

 <a href="index.htm"><img src="../images/interface/titre​.png" alt="Logo" id="logo" /></a>

 <ul id="menu">

  <li><a href="#">Accueil</a></li>
  <li><a href="#">Portfolio</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">Forums</a></li>
 </ul>

 <h1>VotreSite.Com</h1>

 <div id='contenu'>
 <div id='bloc'>
 <h2>Serveur d'Activation</h2>
 <p class="commentaires">Site optimsé pour <a href='http://www.mozilla-europ​e.org/fr/firefox/'>Mozilla Firefox</a></p>


      <h2>Gestion du Serveur</h2>
     <p class='desc'>Session :johnvox48bac1d42c2678.1355738​9</p>

     <h2> Recherche de Doublons</h2><form action='doublon.php' method='post'>
       <p><input type='hidden' name='doubles_ok' value='verif'/></p>
       <table border="2" width="100%" >
       <caption> Doublons trouvés : </caption>


     <tr>
      <th> IDClé </th>

      <th> Clé </th>
      <th> Activation </th>
      <th> Possesseur </th>
      <th> Suppression </th>
     </tr><tr>

       <td>14</td>
       <td onmouseover="montre('D70RW-IGA​ZB-A95OF-LS8DC-N6PRJ-GIJBZ-H9T​3S');" onmouseout="cache();">Afficher la clé</td>
       <td>0</td>
       <td>2</td>
       <td><input type='checkbox' name='680971106' value='14' checked="checked" /></td>
       </tr><tr>
       <td>15</td>

       <td onmouseover="montre('D70RW-IGA​ZB-A95OF-LS8DC-N6PRJ-GIJBZ-H9T​3S');" onmouseout="cache();">Afficher la clé</td>
       <td>0</td>
       <td>2</td>
       <td><input type='checkbox' name='1630938824' value='15'  /></td>
       </tr></table><p style="text-align:center"><inp​ut type='submit'/></p></form><p style="text-align:center">Tota​l : 2 doublons</p><p class='commentaires'>Site optimsé pour <a href='http://www.mozilla-europ​e.org/fr/firefox/'>Mozilla Firefox</a></p> <p style="text-align:right">

<a href="http://validator.w3.org/​check?uri=referer"><img

src="http://www.w3.org/Icons/v​alid-xhtml10-blue"

alt="Valid XHTML 1.0 Transitional" height="31" width="88" style="border-style: none"/></a>
  </p>
 </div>
 </div>



 <div id="menu_gauche">

  <h2 onmouseover="javascript:montre​('smenu1');" >Login</h2>

    <div id="smenu1">

    <form action='login.php' method='post'>
     <ul>
      <li>La connexion est établie</li>    </ul>
     </form>
    </div>


   <h2>Serveur</h2>

    <ul>
     <li><a href="../index.php">Index</a><​/li>
     <li><a href="../inscription.php">Obte​nir une clé</a></li>
     <li><a href="../activation.php">Activ​ation de clé</a></li>
     <li><a href=".../index.php?deConnecti​on=1">Deconnection</a></li>
    </ul>
 </div>

 </div>

 </body>
 </html>




 Mais celle ci oui :

 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D​TD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/​xhtml" xml:lang="fr" lang="fr">

<head>

<title>Bienvenue sur le Serveur Activation Media-gestion</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta http-equiv="Content-Language" content="fr" />

<meta http-equiv="Content-Script-Typ​e" content="text/javascript" />

<meta http-equiv="Content-Style-Type​" content="text/css" />

<meta name="DC.Language" scheme="RFC3066" content="fr" />

<link rel="stylesheet" href="../style.css" type="text/css" media="screen" title="Normal" />
 <style type="text/css">
 .infobulle{
  position: absolute;
  visibility : hidden;
  border: 1px solid Black;
  padding: 10px;
  font-family: Verdana, Arial;
  font-size: 10px;
  background-color: #FFFFCC;
 }
 </style>

</head>
 <body>

<script type="text/javascript">
 <!--
 function GetId(id)
 {
 return document.getElementById(id);
 }
 var i=false; // La variable i nous dit si la bulle est visible ou non

 function move(e) {
  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale

if (navigator.appName!="Microsoft Internet Explorer" ) { // Si on est pas sous IE

GetId("curseur" ).style.left=e.​pageX + 5+"px";

GetId("curseur" ).style.top=e.p​ageY + 10+"px";

}

else { // Modif proposé par TeDeum, merci à lui

if(document.documentElement.cl​ientWidth>0) {
  GetId("curseur" ).style.left=20​+event.x+document.documentElem​ent.scrollLeft+"px";
  GetId("curseur" ).style.top=10+​event.y+document.documentEleme​nt.scrollTop+"px";

} else {
  GetId("curseur" ).style.left=20​+event.x+document.body.scrollL​eft+"px";
  GetId("curseur" ).style.top=10+​event.y+document.body.scrollTo​p+"px";
       }

}
  }
 }

 function montre(text) {
  if(i==false) {
  GetId("curseur" ).style.visibil​ity="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  GetId("curseur" ).innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
  i=true;
  }
 }
 function cache() {
 if(i==true) {
 GetId("curseur" ).style.visibil​ity="hidden"; // Si la bulle etais visible on la cache
 i=false;
 }
 }
 document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
 //-->
 </script>
 <div id="page">

 <a href="index.htm"><img src="../images/interface/titre​.png" alt="Logo" id="logo" /></a>

 <ul id="menu">

  <li><a href="#">Accueil</a></li>
  <li><a href="#">Portfolio</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">Forums</a></li>
 </ul>

 <h1>VotreSite.Com</h1>

 <div id="contenu">
 <div id="bloc">
  <h2>Serveur Media-Gestion</h2>
   <p>Bienvenue sur le serveur d'activation de votre clé Media-Gestion.</p>
   <p>Pour activer votre clé <a href='activation.php'>cliquez ici</a></p>
   <p class="commentaires"><a href="#"></a></p>

   <div id="curseur" class="infobulle"></div>
   
   <h2>Modification des informations lié à une Clé</h2>
    <p class='desc'>Session :johnvox48bac1d42c2678.1355738​9</p><form action='modification.php' method='post'>
     <input type='hidden' name='selection' value='select'/>
     <table border="2" width="100%">

     <caption> Clés trouvées </caption>

     <tr>
      <th> IDCle </th>
      <th> Bloquée </th>
      <th> Activation </th>
      <th> IDPoss </th>

      <th> Modification </th>
     </tr>
     <tr>

        <td onmouseover="montre('D70RW-IGA​ZB-A95OF-LS8DC-N6PRJ-GIJBZ-H9T​3S');" onmouseout="cache();"> 14</td>
        <td> 0</td>

        <td> 0</td>
        <td onmouseover="montre('Voxi  John-----jynolen@gmail.com');" onmouseout="cache();"> 2</td>
        <td><input type='checkbox' name='1681362722' value='14'/></td>
       </tr><tr>

        <td onmouseover="montre('D70RW-IGA​ZB-A95OF-LS8DC-N6PRJ-GIJBZ-H9T​3S');" onmouseout="cache();"> 15</td>

        <td> 0</td>
        <td> 0</td>
        <td onmouseover="montre('Voxi  John-----jynolen@gmail.com');" onmouseout="cache();"> 2</td>
        <td><input type='checkbox' name='-1631161803' value='15'/></td>
       </tr></table><center><input type='submit'/></center></form​> <p style="text-align:right">

<a href="http://validator.w3.org/​check?uri=referer"><img

src="http://www.w3.org/Icons/v​alid-xhtml10-blue"

alt="Valid XHTML 1.0 Transitional" height="31" width="88" style="border-style: none"/></a>
  </p>
     </div>


 <div id="menu_gauche">

  <h2 onmouseover="javascript:montre​_menu('smenu1');" >Login</h2>

    <div id="smenu1">
    <form action='login.php' method='post'>

     <ul>
      <li>La connexion est établie</li>    </ul>
     </form>
    </div>


   <h2>Site</h2>
    <ul>

     <li><a href="../index.php">Index</a><​/li>
     <li><a href="../inscription.php">Obte​nir une clé</a></li>
     <li><a href="../activation.php">Activ​ation de clé</a></li>
     <li><a href="../index.php?deConnectio​n=1">Deconnection</a></li>
    </ul>
 </div>
 </div>
 </div>

 </body>
 </html>



lolo_ici_et_la
Sur la bonne voie (de 100 à 499 messages postés)
  1. Posté le 01/09/2008 à 19:42:22  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonsoir,

 Quelques explications supplémentaire sur ton problème aurait été les bienvenues, car il m'a fallu tester les pages pour voir comment ça se comporte.

 Ton souci vient que dans la page qui ne marche pas tu fais appel partout à un ça : GetId("curseur" ),
 mais tu n'as pas d'éléments identifier  "curseur" dans cette page, alors que dans l'autre tu l'as :
 <div id="curseur" class="infobulle"></div>.

 Donc pour corriger, ajout ça :
 <div id="curseur" class="infobulle"></div>, dans la page qui ne fonctionne pas.

 Voila
 ++

(Publicité)
 Page :
1

Aller à :
 

Sujets relatifs
comment introduire un script de newsletters dans une pagePHP plein de petit javascript
problème d'importation de Favoris vers Firefox [Résolu] Problème téléchargement photo sur facebook, le bon coin, etc
Problème affichage photos sur le site le bon coin Problème accès Photobox.fr
Probleme de connexion wifi telephone portable !!! Help  
Plus de sujets relatifs à : Probléme de script javascript

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
décompte de jour automatique ? [résolu] 5
Pages HTML et lien mailto: 15
Script dessin [résolu] 2
script meteo 3
Diaporama en flash, creation de scroll barre HELP ME !!!! 3