begin process at 2012 05 29 21:04:43
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Ajax

 > 

Problème de Popup-Tooltip


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème de Popup-Tooltip

vendredi 13 février 2009 à 15:58:24 | Problème de Popup-Tooltip

whiteange

Bonjour à tous,

Voilà, j'ai un petit problème avec un simili poup-tooltip. Sur une page, l'utilisateur clique sur une image, ceci appel alors une fonction à base d'ajax qui va récupérer des infos via une page php dans une base de donnée. Lorsque le tooltip/popup s'affiche, des liens sont présents dedans. Jusque là c'est OK.

Le problème c'est que quand l'utilisateur clique sur un lien, on appel de nouveau une fonction ajax qui va rechercher de nouveau des infos et les affiches dans le même tooltip/popup.
Les infos s'affichent bien (fonction talk2), mais tout de suite la fenêtre se ferme.

Voici les codes sources incriminés :

Page principale :
[code]
<body>
blabla ....
<div id="texte" name="texte" style="z-index:20;position: absolute; width: 250px;display: none; background: #3399FF; border: 1px solid #FFFFFF; right: 150px; top: 300px">
</div>
<div id="content1">
Blabla ...
<img src="toto.jpg" onClick="talk('.$res['0'].')">
Blabla ...
</div>
</body>
[/code]

Page javascript :
[code]
function talk2(type) {

if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();// FIREFOX
else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");// IE

document.getElementById("texte").style.display = "none"; //je ferme la boite avant de la réafficher
xhr_object.open("GET", "armes.php?id=" + type, false); //false => on attend le retour
xhr_object.send(null); 
document.getElementById("texte").style.display = "block";
document.getElementById("texte").innerHTML=xhr_object.responseText;
}


function talk(type) {

if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();// FIREFOX
else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");// IE

   xhr_object.open("GET", "talk.php?id=" + type, false); //false => on attend le retour
   xhr_object.send(null);  

document.getElementById("texte").style.display = "block"; 
document.getElementById("texte").innerHTML=xhr_object.responseText;
}
[/code]

La fonction talk renvoit un tableau avec des liens (pas de soucis), dont les liens sont de la forme :
<a href="javascript:talk2(1);">

En fait tout fonctionne SAUF que la deuxième fois, la fenêtre se ferme
Merci pour votre aide.

vendredi 13 février 2009 à 16:33:59 | Re : Problème de Popup-Tooltip

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour,

As-tu essayé en supprimant cette ligne :
document.getElementById("texte").style.display = "none";

Nickadele
vendredi 13 février 2009 à 16:45:16 | Re : Problème de Popup-Tooltip

whiteange

Effectivement, j'ai essayé, celà ne m'a rien donné, idem en enlevant dans talk2 :

document.getElementById("texte").style.display = "block";

puisqu'il été toujours à 'block'
vendredi 13 février 2009 à 17:00:49 | Re : Problème de Popup-Tooltip

nickadele

Membre Club Administrateur CodeS-SourceS
Peut-être y-t-il un problème dans ce que la page php renvoi !?
Une balise mal fermée ou tout autre !?
vendredi 13 février 2009 à 17:15:26 | Re : Problème de Popup-Tooltip

whiteange

La page PHP renvoit un tableau dont voici le détail (récupérer par alert) :

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/infobox_left.gif" width="5" height="23"></td>
<td background="images/infobox_repeat.gif"><strong><u>Achats</u></strong></td>
<td><img src="images/infobox_close.gif" width="28" height="23" onClick="document.getElementById('texte').style.display='none' "></td>
</tr>

<tr>
<td></td>
<td><table border="0" cellspacing="2" cellpadding="2"><td><td>Texte 1</td> etc .... <td><img src="images/01.gif" title="Texte 1"></td><td><a href="javascript:buy(1,1);">Texte</a></td>
</tr>

etc ....

</table>

vendredi 13 février 2009 à 17:22:25 | Re : Problème de Popup-Tooltip

whiteange

Peut être celà peut il aider, mais IE affiche en bas de browser le symbole d'exclamation en disant :

'Ligne 309, car 16, caractère incorrect, Code: 0, URL: http://localhost/' (je précise, j'ai fais un test sur un serveur Web, même problème).

La seule chose c'est que la ligne 309, je ne sait pas à quoi elle fais référence. A la page originale ? Si oui, la ligne n'a aucune erreur. Si c'est à une compilation de la page PHP + des templates alors là on est mal parti

Par contre et c'est vrai que je ne l'ai pas dit (honte à moi  ), lorsque la boîte se ferme, je reviens à la page d'acceuil du site.
vendredi 13 février 2009 à 17:22:53 | Re : Problème de Popup-Tooltip

nickadele

Membre Club Administrateur CodeS-SourceS
Il serait pas là le fautif :
onClick="document.getElementById('texte').style.display='none' "

???
vendredi 13 février 2009 à 17:25:27 | Re : Problème de Popup-Tooltip

nickadele

Membre Club Administrateur CodeS-SourceS
Si tu ne dis pas tout.... ;)
As tu regardé avec la console debug Javascript (mozilla) pour situer l'erreur ?
vendredi 13 février 2009 à 17:26:23 | Re : Problème de Popup-Tooltip

whiteange

Et non j'y avais pensé  J'ai testé en le supprimant mais celà n'a rien changé.

vendredi 13 février 2009 à 17:27:16 | Re : Problème de Popup-Tooltip

whiteange

Arf, cà il va falloir attendre ce soir chez moi, je te tiens au courant

1 2 3 4

Cette discussion est classée dans : document, xhr, object, getelementbyid, tooltip


Répondre à ce message

Sujets en rapport avec ce message

XMLHttpRequests qui ne fonctionnent pas très bien... [ par thomvaill ] Bonjour tout le monde,  Pour mon client IRC en PHP/JavaScript, j'ai un petit problème avec deux XMLHttpRequest (que j'appellerai par la suite xmlh, ça simplification procédure [ par tonytruand ] bonjour à tous, J'ai construit un support qui permet, à partir d'une arborescence de récupérer les fichiers du premier niveau puis les répertoires d Encore des erreurs ! [ par nicomilville ] Salut,Et oui, c'est encore moi, vous devez vous dire que je suis un nul, c'est peut être vrai, lol J'ai encore des erreurs sur mon code... Si ça co Variable POST [ par ghota ] Bonjour, j'aurais une question dans mon code. [code=js]function goAjaxPost(module,action,variables,id) { var xhr_object = null; var position = id; if Comment verifier ces champs ? [ par StevenL86 ] Hello. Bon voilà,j'ai élaborer un formulaire dont je n'arrive pas à recuperer les valeurs des champs via ma fonction javascript (qui est bien appelée, Problème de compatibilité avec Firefox [ par Sniark ] Bonjour à tous, Je suis débutant en javascript. J'ai un script qui récupère des valeurs sélectionnées dans des menus déroulants et retourne une liste [Javascript] Firefox et Opera VS Safari et IE [ par SpoonS2K ] Bonjour, après moultes recherches et avoir tourné le truc dans tout les sens, je m'en remet à vous. Je débute dans le Javascript, et dèja je m'aperçoi Problème avec XMLHTTPRequest ! [ par nicomilville ] Salut,Et oui, c'est encore moi, vous devez vous dire que je suis un gros nul !Peut être, peut être pas !Je reviens vous voir car je dois finir un chat Problème de XmlHttpRequest sous Opera et FF [ par ov3rdoze ] Bonjour à tous.Je travaille actuellement sur un site dans lequel j'utilise XmlHttpRequest. Je viens de mettre celui-ci en ligne, et je m'aperçoit que ajax/xmlhttprequest [ par David_monchy ] salut à tous,je développe un chat, et j'ai un problème: j'utilise une liste de connectés qui affiche en 'temps reel' les membres connectés. Seulement,


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 10,592 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales