|
|
Hi ich hab ein kleine Prob!
mit folgendem code lass ich mir in einem layer ein php script zur anzeige eines teamspeak-servers anzeigen und wieder ausblenden.
<td align="left" valign="top"><div align="center" class="Stil1"><div id="teamspeak" style="position:absolute; width:500px; height:500px; z-index:1; left: 375px; top: 363px; background-color:transparent; layer-background-color:transparent ; border: 0px none #000000; visibility: hidden">
<iframe src="http://www.fsk-clan-duesseldorf.de/home/ts/ts-display.php"
width="100%" height="100%" frameborder="0" allowTransparency="true" scrolling="no"></iframe></div>
<div align="center"><a href="#" onMouseOver="document.getElementById('teamspeak').style.visibility='visible';" onClick="document.getElementById('teamspeak').style.visibility='hidden';"><img src="Bilder/ts-logo.png" border="0" title="click to close!" width="165" height="64"></a><br>
mit onClick oder onMouseOver das fenster anzeigen zulassen ist kein Problem.
mir geht es um das schliessen des fensters.
beides mit onClick klappt nicht,
daher meine fragen:
1.Geht es das wenn man ausserhalb des fensters click sich dieses verbirgt? oder mit ner grafik oder so innerhalb des fenster wie bei nem popup(es soll keins werden, der optic wegen)?
2.Kann man das fenster für betrachter verschiebbar machen?
3.Hat jemand ne bessere lösung? :-)
Danke im voraus, ich hoffe ich erhalte konstruktive antworten
Gruß
Hunting
|
|
| 30.08.2006 22:13:49 |
|
haka
Mitglied
Ort: Emden
Registriert: 01.08.2006
Beiträge: 22
|
|
Innerhalb des Iframes kannst du das Fenster schließen:
Code:
function iframe_close() {parent.document.getElementById("teamspeak").style.visibility = "hidden";} |
Wenn du den gleichen Button verwenden willst, kannst du die Eigenschaft style.visibility abfragen. Um das Bild zu wechseln braucht du dann noch eine ID (clickimg im Script) für das Bild.
Code:
function iframe_showhide() {
var a = document.getElementById("teamspeak");
var b = document.getElementById("clickimg");
if(a.style.visibility == "visible") {
a.style.visibility = "hidden";
b.src = "Bilder/ts-logo.png";
} else {
a.style.visibility = "visible";
b.src = "Bilder/ts-logo-close.png";
}
} |
Um das Fenster verschiebar zu machen brauchst du einen "Anfasser" außerhalb des Iframes. Eine Anleitung findest du dafür bei SelfHTML.
_______________________________________
PHP Trawler Web CMS - http://trawler.msdazu.de
CMSBlog - http://cmsblog.msdazu.de
|
|
| 02.09.2006 20:47:59 |
|
|
|
passt vielleicht hier noch rein...
Ich hab mehrere Layer untereinander. Öffne ich das eine soll sich das vorher geöffnete wieder schließen, so dass immer nur ein Layer geöffnet sein kann ...
Hat jemand eine Lösung?
|
|
| 14.09.2006 17:36:49 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
