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



KODE EKSEMPLER

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

ARTIKLER / RESSURSER

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

KURS / TUTORIALS

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

FILM / MEDIA

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

GRATIS SOFTWARE

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

TJENESTER

  Domenesalg
  Metagenerator
  Websikre farger
  WebMail

ANNET

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


SØK I WEBRESSURS


Kode Artikler
Linker

INTERNETT HASTIGHET

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: 14101807.
Copyright WebRessurs.no © 2003 - 2018
Jobbsøk.no - Jobbsøknad, CV, intervju, tips og lenker