Infobulles type "Intellitext"

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Infobulles type "Intellitext"

par jojolapine » 03 déc. 2006, 15:18

you'r welcome :wink:

par albat » 03 déc. 2006, 15:08

:merci:

par jojolapine » 03 déc. 2006, 15:03

ah ben non il aura pas besoin, je l'ai fait, pff veinard va! :roll:

par jojolapine » 03 déc. 2006, 15:02

tient un petit cadeau:

Code : Tout sélectionner

<script type="text/javascript" src="http://phpbb.fr.intellitxt.com/v3/func_033.js?v=200611221219"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/v3/sc.jsp?uuid=29b22302-c050-4ecb-8015-0713e044b5b0"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/al.asp?ipid=2680&di=1595499,1641102,1641063,1133340,993728,1271542&syid=0,0,0,0,0,121580&adid=0,35470,2011,198803,4973,69630&cc=fr&rcc=fr&hk=1&ts=20061203124811&so=0&mh=f963c9401ff3f5111a5027778c4b6614"></script> <span style="border: medium none ; background: transparent none repeat scroll 0%; z-index: 9999; display: block; position: absolute; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 270px; left: 607px; top: 588px;" id="iTt"> <div id="tooltipbox" onmouseover="TMmov(event,1,1);" onmouseout="TMmov(event,0,1);" style="border: medium none ; background-color: transparent; z-index: 9999; cursor: pointer; font-family: Verdana,Arial,Helvetica; width: 270px;"> <table id="itt_table" name="itt_table" style="border: medium none ; margin: 0px; background-color: transparent; table-layout: auto; cursor: pointer; width: 100%; opacity: 0.999999;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr onmousedown="MDn(event);" onmouseup="MUp(event);" style="cursor: move;"> <td style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;"> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 6px; background: rgb(0, 0, 0) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-width: 0px 2px; border-left: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); margin: 0px 4px; background: rgb(230, 230, 230) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-width: 0px 2px; border-left: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); margin: 0px 2px; background: rgb(244, 244, 244) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 2px; background: rgb(233, 233, 233) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 1px; background: rgb(224, 224, 224) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 1px; background: rgb(218, 218, 218) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(215, 215, 215) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(212, 212, 212) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(212, 212, 212) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(213, 213, 213) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(208, 208, 208) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(197, 197, 197) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(198, 198, 198) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(199, 199, 198) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(202, 202, 198) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(205, 205, 199) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(208, 208, 199) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(212, 212, 199) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(219, 219, 203) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(206, 206, 219) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> <b style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px; background: rgb(173, 173, 168) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> </td> </tr> <tr style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;"> <td id="cZn1" name="cZn1" style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-bottom: medium none; margin: 0px; padding: 7px; line-height: normal; display: block; text-align: left; background-color: rgb(255, 255, 224);"> <table style="border: medium none ; margin: 0px; background-color: transparent; table-layout: auto; position: relative; width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;" onclick="kwC(0,11,event,0,0);" oncontextmenu="return false;" onmouseover="kwM();" onmousemove="kwM();" valign="top"> <td style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;" colspan="2" align="left"> <span style="padding: 0px; line-height: normal; font-family: Verdana,Arial,Helvetica; background-color: transparent; text-decoration: none; font-size: 11px; font-weight: bold; color: rgb(0, 0, 222);" onmouseover="this.style.textDecoration='underline';this.style.color='#0000DE';" onmouseout="this.style.textDecoration='none';this.style.color='#0000DE';" onclick="return false;"> OpenOffice.org : téléchargement, installation, Writer, ... </span> </td> </tr> <tr style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;" onclick="kwC(0,11,event,0,0);" oncontextmenu="return false;" onmouseover="kwM();" onmousemove="kwM();" valign="top"> <td style="border: medium none ; padding: 7px 0px 0px; background-color: transparent; line-height: normal;" valign="top"> <span style="padding: 0px; line-height: normal; font-family: Verdana,Arial,Helvetica; background-color: transparent; text-decoration: none; font-size: 11px; font-weight: normal; color: rgb(0, 0, 0);"> OpenOffice.org : téléchargement, installation, Writer, Calc, Draw, Impress Lilen, Henri </span> </td> <td style="border: medium none ; padding: 7px 0px 0px; background-color: transparent; line-height: normal;" align="right" valign="bottom"> <img style="border: medium none ; margin: 0px; padding: 0px; background: inherit inherit inherit inherit inherit; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: inline; float: right; max-width: 100px; max-height: 100px;" alt="" src="http://img.kelkoo.com/fr/small/228/352/62347220502231233296249474367476352228.jpg" onclick="kwC(0,12,event,0,0);" onerror="src='http://phpbb.fr.intellitxt.com/images/1x1.gif';" onload="rPs(event);" align="absmiddle" border="0" hspace="5" vspace="0"> </td> </tr> <tr style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;" onclick="kwC(0,11,event,0,0);" oncontextmenu="return false;" onmouseover="kwM();" onmousemove="kwM();" valign="top"> <td style="border: medium none ; padding: 7px 0px 0px; background-color: transparent; line-height: normal;" align="left"> <span style="padding: 0px; line-height: normal; font-family: Verdana,Arial,Helvetica; background-color: transparent; text-decoration: none; font-size: 10px; font-weight: normal; color: rgb(0, 128, 0);" onmouseover="this.style.textDecoration='underline';this.style.color='#008000';" onmouseout="this.style.textDecoration='none';this.style.color='#008000';" onclick="return false;"> Boostore </span> </td> <td style="border: medium none ; padding: 7px 0px 0px; background-color: transparent; line-height: normal;" align="right"> <span style="padding: 0px; line-height: normal; font-family: Verdana,Arial,Helvetica; background-color: transparent; text-decoration: none; font-size: 10px; font-weight: bold; color: rgb(0, 128, 0);" onmouseover="this.style.textDecoration='underline';this.style.color='#008000';" onmouseout="this.style.textDecoration='none';this.style.color='#008000';"> €8,45 </span> </td> </tr> </tbody> </table> </td> </tr> <tr style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;"> <td style="border: medium none ; padding: 0px; background-color: transparent; line-height: normal;"> <b id="cZn2" name="cZn2" style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 1px; overflow: hidden; font-size: 1px; display: block; height: 1px; background-color: rgb(255, 255, 224);"></b> <b id="cZn3" name="cZn3" style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 1px; overflow: hidden; font-size: 1px; display: block; height: 1px; background-color: rgb(255, 255, 224);"></b> <b id="cZn4" name="cZn4" style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 2px; overflow: hidden; font-size: 1px; display: block; height: 1px; background-color: rgb(255, 255, 224);"></b> <b id="cZn5" name="cZn5" style="border-width: 0px 2px; border-left: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); margin: 0px 2px; overflow: hidden; font-size: 1px; display: block; height: 1px; background-color: rgb(255, 255, 224);"></b> <b id="cZn6" name="cZn6" style="border-width: 0px 2px; border-left: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); margin: 0px 4px; overflow: hidden; font-size: 1px; display: block; height: 1px; background-color: rgb(255, 255, 224);"></b> <b class="c1" style="border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); margin: 0px 6px; background: rgb(0, 0, 0) none repeat scroll 0%; overflow: hidden; font-size: 1px; display: block; height: 1px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></b> </td> </tr> </tbody> </table> <div onmousedown="MDn(event);" onmouseup="MUp(event);" style="border: medium none ; line-height: normal; position: absolute; top: 7px; z-index: 5001; left: 8px; color: rgb(102, 102, 102); font-size: 10px; width: auto; cursor: move;"> <nobr>Publicité</nobr> </div> <div id="ditt" style="border: medium none ; width: auto; line-height: normal; position: absolute; top: 7px; z-index: 5002; right: 8px;"> <a style="background-color: transparent;" href="http://www.vibrantmedia.com/whatisIntelliTXT.asp?ipid=2680&cc=fr&server=phpbb.fr.intellitxt.com" target="_blank"><img style="border: medium none ; margin: 0px; padding: 0px; background: inherit inherit inherit inherit inherit; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: inline;" src="http://phpbb.fr.intellitxt.com/images/itxt_whatsthis.gif" alt="Qu'est-ce que c'est?" border="0" height="13"> </a> <img style="border: medium none ; margin: 0px; padding: 0px; background: inherit inherit inherit inherit inherit; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: inline;" src="http://phpbb.fr.intellitxt.com/images/itxt_xButton.gif" onclick="ttH(1);" alt="Fermer" border="0" height="13"> </div> </div> </span> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/v3/look.jsp?ipid=2680&did=1641102&syid=0&cc=fr&rcc=fr&sid=f963c9401ff3f5111a5027778c4b6614&rdtm=100000000&rrm=100000&rcpcm=10000&ripsm=1000&rorm=10000&auat=0&pa=www.media-mail.com"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/al.asp?ipid=2680&di=1641102&syid=0&adid=35470&cc=fr&rcc=fr&av=1&ts=20061203124811&so=0&dmet=0&mh=f963c9401ff3f5111a5027778c4b6614&ll=1&hbll=1"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/al.asp?ipid=2680&di=1641102&syid=0&adid=35470&cc=fr&rcc=fr&av=2&ts=20061203124811&so=0&dmet=0&mh=f963c9401ff3f5111a5027778c4b6614&ll=1&hbll=1"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/v3/look.jsp?ipid=2680&did=1595499&syid=0&cc=fr&rcc=fr&sid=f963c9401ff3f5111a5027778c4b6614&rdtm=100000000&rrm=100000&rcpcm=10000&ripsm=1000&rorm=10000&auat=0&pa=Boostore"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/al.asp?ipid=2680&di=1595499&syid=0&adid=0&cc=fr&rcc=fr&av=1&ts=20061203124811&so=0&dmet=0&mh=f963c9401ff3f5111a5027778c4b6614&ll=1&hbll=1"></script> <script type="text/javascript" src="http://phpbb.fr.intellitxt.com/al.asp?ipid=2680&di=1595499&syid=0&adid=0&cc=fr&rcc=fr&av=2&ts=20061203124811&so=0&dmet=0&mh=f963c9401ff3f5111a5027778c4b6614&ll=1&hbll=1"></script>
par contre compte pas sur moi pour aller chercher les .js :langue:
Sinon je sais pas trop à quoi correspond quoi, j'ai juste fait une recherche sur le texte de la pub et sur le source généré, et je suis tombé par içi ;)

par Cyrano » 03 déc. 2006, 14:55

C'est de l'AJAX : si tu as la barre Web Developper de Firefox, fais afficher la source générée lorsque tu as fait afficher une infobulle et tu auras la vraie source.

Infobulles type "Intellitext"

par albat » 03 déc. 2006, 14:37

Salut,

J'ai une question qui, pour certains, va peut-être paraître d'une naïveté à pleurer,
mais je suis modérateur, susceptible et de mauvaise foi. Alors faites gaffe ! :twisted:

Comment fonctionne la génération des pop-up (en fait, des infobulles)
telles que celles utilisées par Intellitext sur le forum phpbb-fr.com ?

Plusieurs points excitent ma curiosité :
  • les infobulles restent affichées et s'effacent apparemment après un chrono
  • les infobulles sont déplaçables
  • les infobulles n'apparaissent pas dans le source de la page
Merci,