Avatar billede n-emy Nybegynder
06. december 2005 - 21:34 Der er 7 kommentarer og
1 løsning

Musen over tekst og så kommer der info?

Hej,

Hvordan laver man et script der gør at hvis man holder musen over et bestemt ord eller billede kommer der en lille boks med tekst i?

Mvh
Avatar billede miss-g Seniormester
06. december 2005 - 21:36 #1
Den nemme løsning:

Kan f.eks. bruges hvis du har nogle ord eller fagudtryk på din side som kræver en forklaring. Koden der bruges er (bemærk der er sat et falsk link på ordet #): 
 
<a href="#" title="Her kan du f.eks. skrive en længere forklaring til din tekst">test her</a>
Avatar billede jesper-moeller Nybegynder
06. december 2005 - 21:39 #2
Den mere avancered løsning finder du her http://www.bosrup.com/web/overlib/
Avatar billede n-emy Nybegynder
06. december 2005 - 21:46 #3
Okay det fattede jeg ikke meget af:P

Kan jeg så få hjælp til en "skjul/vis" knap ligesom her på eksperten hvor man kan skjule nyeste spørgsmål osv?
Avatar billede miss-g Seniormester
06. december 2005 - 21:52 #4
Hvad forstod du ikke? Den nemme løsning er da uhyre enkel *G*
Avatar billede n-emy Nybegynder
06. december 2005 - 21:53 #5
Hehe ja men den nemme løsning kender jeg og den skal det ikke være:)
Avatar billede miss-g Seniormester
06. december 2005 - 21:57 #6
Ok - fair nok.

Dit spørgsmål to fik jeg selv svar på for noget tid siden:

Dette i head sektionen:
-----------------------------------------
<script type="text/javascript">
var oldElm = null;
function showHide(elm){
  if(typeof elm != 'object')
    elm = document.getElementById(elm);
  var state = !elm.style.display;
  if(oldElm)
    oldElm.style.display = 'none';
  elm.style.display = state ? 'none' : '';
  oldElm = elm;
}
</script>

-------------------------------------------

Og sådan definerer du rækkerne og den celle/tekst man klikker på:
-----------------------------------------------------------------

<table>
  <tr>
    <td onclick="showHide('tr1');">Her er et link mere.</td>
  </tr>
  <tr id="tr1" onclick="showHide(this);" style="display:none;">
    <td>Som åbner en celle.</td>
  </tr>
  <tr>
    <td onclick="showHide('tr2');">Se hvordan her.</td>
  </tr>
  <tr id="tr2" onclick="showHide(this);" style="display:none;">
    <td>Her er en forklaring på hvordan.</td>
  </tr>
  <tr>
    <td onclick="showHide('tr3');">En anden tekst som man kan klikke på.</td>
  </tr>
  <tr id="tr3" onclick="showHide(this);" style="display:none;">
    <td>Her er et link mere.</td>
  </tr>
</table>
Avatar billede miss-g Seniormester
06. december 2005 - 21:59 #7
Hvis du ikke vil have at cellen skal lukke igen, når man klikker i den, skal du rette eks:

<tr id="tr3" onclick="showHide(this);" style="display:none;">

til

<tr id="tr3" style="display:none;">
Avatar billede n-emy Nybegynder
07. december 2005 - 16:28 #8
Okay tak for hjælpen:)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester