Infobulles type "Intellitext"

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 !

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,

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.

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

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

03 déc. 2006, 15:03

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

03 déc. 2006, 15:08

03 déc. 2006, 15:18

you'r welcome

Infobulles type "Intellitext"

Qui est en ligne