Turvenn.no
Webutvikler kurs ASP.NET, C#, CSS mm.

WebRessurs.no - Webprogrammering og ressurs innen ASP, ASP.NET, PHP, SQL, HTML, CSS, Javascript, XML, C#, VB, Flash  mm.

Brukernavn: 
Passord:

Registrèr deg Glemt passord?
Logg deg inn




  ASP.net (199)
  ASP 3.0 (111)
  PHP (30)
  HTML (66)
  SQL (89)
  CSS (46)
  XML (7)
  JavaScript (78)
  Diverse kode (13)


  Programmering (22)
  System og drift (15)
  Trafikk og inntekt (11)
  Guider og tips (22)
  Nyttig lesestoff (23)
  Web forum (604)
  Link galleri (567)


  ASP.NET kurs(5)
  CSS kurs (2)
  JQuery kurs (2)


  Øk trafikken (8)
  Facebook App. (4)
  Microsoft CEO (6)


  Server & web
  Internett & epost
  Systemverktøy
  Sikkerhet
  Fildeling
  Lyd & media
  Diverse software


  Domenesalg
  Metagenerator
  Websikre farger
  WebMail


  Bli medlem!
  Siste innlegg
  Gjestebok
  Tips en venn
  Kontakt oss
  Forsiden




Kode Artikler
Linker


Mål internetthastigheten din.


Vise og skjule innhold ved mouseover

av Øyvind A. Isaksen
 
Her viser vi et kodeeksempel på hvordan du kan vise og skjule innhold på en webside når man tar musa over et element på siden. Eksempelet viser hvordan du gjør dette ved å ta musa over noen linker ("a mouseover"), men du kan bare bytte ut linkene til å være et bilde ("img mouseover"), en div ("div mouseover") osv. Skriptet er testet både i Internet Explorer og Firefox!

<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//-->
</script>


<div id="tekstblokk"
style="display:none;
position:absolute;
left:200px;
top:100px;
border-style: solid;
background-color: white;
padding: 5px;">

Her er informasjonen som vises og skjules...

</div>


<a onmouseover="ShowContent('tekstblokk'); return true;" href="javascript:ShowContent('tekstblokk')">Vis</a><br /><br />

<a onmouseover="HideContent('tekstblokk'); return true;" href="javascript:HideContent('tekstblokk')">Skjul</a><br /><br />

<a onmouseover="ReverseContentDisplay('tekstblokk'); return true;" href="javascript:ReverseContentDisplay('tekstblokk')">Vis/skjul</a>

WebRessurs.no anbefaler:    StackOverflow.com | Experts-Exchange.com | W3schools | ASP.NET | Codeproject | 4Guys
WebRessurs.no er utviklet og drives av SoftMaker
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 10790633.
Copyright WebRessurs.no © 2003 - 2018
Jobbsøk.no - Jobbsøknad, CV, intervju, tips og lenker