Smileypopupfenster

29.09.2007 13:29
avatar  Pirawen ( Gast )
#1 Smileypopupfenster
Pi
Pirawen ( Gast )

Habe im Internet einen HTML-Code für ein sogenanntes Smilepopupfenster enddeckt und es erscheint auch ,aber:
1.Was muss ich eingeben ,dass die Smileys durch draufklicken ins Forum huschen
2.Wie positioniere ich das Fenster richtig(es is immer oben auf der Seite)
Hier der Code:



<script language="javascript">function hidewindow() { document.getElementById('smiliewindow').style.visibility = 'hidden';}function showwindow() { document.getElementById('smiliewindow').style.visibility = 'visible';}</script><style type="text/css">.swhead { /** Style der Titelleiste **/ background-color:#0274CA; font-weight:bold; font-family:Tahoma; font-size:10pt;}.swbody { /** Style des Fensterinhalts **/ background-color:#7AD3FB; font-weight:normal; font-family:Tahoma; font-size:10pt;}</style><div id="smiliewindow" style="visibility:hidden; position:absolute; top:100px; left:350px; border:2px solid #000000; padding:0px; text-align:left;"> <!-- Titelleiste --> <div class="swhead" style="width:400px; height:20px; border:none; border-bottom:1px solid black; padding:1px 4px;"> <table width="100%" cellspacing="0" border="0"> <tr> <!-- Titel --> <td align="left" class="swhead">Noch mehr Smileys</td> <!-- Fenstermenu --> <td align="right"><a href="javascript:hidewindow();"> <img src="https://files.homepagemodules.de/b214495/bhnetfiles-2en6-14.gif" border="0"> </a> </td> </tr> </table> </div> <!-- Fensterinhalt --> <div class="swbody" style="width:400px; height:200px; border:none; overflow:auto; padding:4px;"> <!-- SMILIES -->
<img src='http://www.smilies-world.de/smilies/smil..._Smilies/14.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil..._Smilies/18.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil...akeltraeger.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil..._Smilies/13.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil...e_Smilies/8.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil...e_Smilies/8.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil...re/lachen/9.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._smilies/17.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil...en___trinken/27[1].gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._Smilies/11.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._Smilies/11.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil...aennchen/n8.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._Smilies/10.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil...ilies/spam1.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil.../gute_nacht.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil...ch_bin_doof.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>
<img src='http://www.smilies-world.de/smilies/smil...milies/nuhr.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._smilies/22.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil...k_Smilies/7.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil...e/haende/51.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._Smilies/22.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'><img src='http://www.smilies-world.de/smilies/smil..._Smilies/72.gif' border='0' alt='comes with ByteThumb V 1.4 &copy; Byteandi'>


</div></div>


 Antworten

 Beitrag melden
29.09.2007 14:01
#2 RE: Smileypopupfenster
avatar
Mitglied


Hier steht der Originalcode inklusive Erläuterung:

https://www.hpm-support.de/topic-threaded...message=7104506


 Antworten

 Beitrag melden
29.09.2007 17:30
avatar  Pirawen ( Gast )
#3 RE: Smileypopupfenster
Pi
Pirawen ( Gast )

Und wie krieg ich die Position des Fensters so hin ,dass das Fenster nicht am obersten Teil der Seite erscheint?


 Antworten

 Beitrag melden
29.09.2007 21:20
#4 RE: Smileypopupfenster
avatar
Mitglied


Das lässt sich hier einstellen:

[...]
<div id="smiliewindow" style="visibility:hidden; position:absolute;
top:100px; left:350px;
[...]

Das sind die absoluten Koordinaten des Fensters.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!