HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - html/java code help

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

html/java code help

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
guest
Gast





BeitragVerfasst am: 16.04.2005 01:10:36    Titel: html/java code help Antworten mit Zitat

Hello there,

Is there any way for me to get this code below to automatically show/popup for about 5 seconds on my site and then close?

Thank you!

Code:

<html>
<head>
<title>:::show.hide:::</title>

<script type="text/javascript">
<!--
function ShowHide(id, visibility) {
    obj = document.getElementsByTagName("div");
    obj[id].style.visibility = visibility;
}
//-->
</script>

<style type="text/css">
<!--
#sub1Div
{
visibility:hidden;
width:80px;
height:80px;
position:absolute;
left:200px;
top:20px;
border:1px solid #151515;
}

#sub2Div
{
visibility:hidden;
width:80px;
height:80px;
position:absolute;
left:200px;
top:105px;
border:1px solid #151515;
}

#sub3Div
{
visibility:hidden;
width:80px;
height:80px;
position:absolute;
left:200px;
top:190px;
border:1px solid #151515;
}
-->
</style>

</head>
<body>

<div id="sub1Div"> sub1</div>
<div id="sub2Div"> sub2</div>
<div id="sub3Div"> sub3</div>

<p>onclick-method</p>

<p>
<a href="javascript:ShowHide('sub1Div','visible')">show.sub1</a> |
<a href="javascript:ShowHide('sub1Div','hidden')">hide.sub1</a>
</p>

<p>
<a href="javascript:ShowHide('sub2Div','visible')">show.sub2</a> |
<a href="javascript:ShowHide('sub2Div','hidden')">hide.sub2</a>
</p>

<p>
<a href="javascript:ShowHide('sub3Div','visible')">show.sub3</a> |
<a href="javascript:ShowHide('sub3Div','hidden')">hide.sub3</a>
</p>


<p>onmouseover-method</p>

<p>
<a href="javascript:ShowHide('sub1Div','visible')"
      onmouseover="ShowHide('sub1Div','visible')"
      onmouseout="ShowHide('sub1Div','hidden')">
      showhide.sub1
</a>
</p>

<p>
<a href="javascript:ShowHide('sub2Div','visible')"
      onmouseover="ShowHide('sub2Div','visible')"
      onmouseout="ShowHide('sub2Div','hidden')">
      showhide.sub2
</a>
</p>

<p>
<a href="javascript:ShowHide('sub3Div','visible')"
      onmouseover="ShowHide('sub3Div','visible')"
      onmouseout="ShowHide('sub3Div','hidden')">
      showhide.sub3
</a>
</p>

</body>
</html>
Nach oben
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.