Avatar billede pytman Nybegynder
05. oktober 2004 - 10:42 Der er 15 kommentarer og
1 løsning

Udvid siden ved "hover"

Jeg er igang med at lave min HP, og ville så lave en oversigt over diverse links..

Den blev større end forventet..

Så nu vil jeg gerne have det sådan at når jeg fører musemarkøren over et tekst link så rykker det tekst der står under linket ned og frem kommer en kort beskrivelse af det link man har musen over..

Ved ikke hvad det skal laves i, men håbede lidt på det kunne gøres i PHP...

Håber i vil givemig et spark i den rigtige retning.. :)

Pytman
Avatar billede roenving Novice
05. oktober 2004 - 10:47 #1
Er det ikke sådan noget som overLib ?-)

http://www.bosrup.com/web/overlib/
Avatar billede pytman Nybegynder
05. oktober 2004 - 10:50 #2
Det ser meget godt ud.. MEN.... Ville gerne at det neden stående tekst blev rykket med ned... Kan det lade sig gøre? :D

Og kan se det er Jav.. det er ikke min stærke side, men kan det ikke gøre anderledes, må jeg sætte mig ind i java jo.. :)

Pytman
Avatar billede roenving Novice
05. oktober 2004 - 11:02 #3
Normalt vil folk ikke risikere deres design, derfor forslaget, men det er rasende simpelt, og den slags kode er grundlaget i adskillige menuer:


<div id="minDiv" onmouseover="document.getElementById('div1').style.display='block';">En div-tekst</div>
<div id="div1" style="display:none;" onmouseout="this.style.display='none';">En forklarings-tekst</div>
<div id="minDiv2" onmouseover="document.getElementById('div2').style.display='block';">En div-tekst 2</div>
<div id="div2" style="display:none;" onmouseout="this.style.display='none';">En forklarings-tekst 2</div>
<div id="minDiv3" onmouseover="document.getElementById('div3').style.display='block';">En div-tekst 3</div>
<div id="div3" style="display:none;" onmouseout="this.style.display='none';">En forklarings-tekst 3</div>


-- i øvrigt tager du helt fejl, nå du kalder det java, for det har ikke det fjerneste med det programmeringssprog at gøre (nåeh, jo, de har fælles forfædre, nemlig C/C++, som java er en direkte efterkommer efter, mens javascript er et oldebarn, og java er ikke mormor !-)
Avatar billede pytman Nybegynder
05. oktober 2004 - 14:07 #4
Hehe ok... 1000 tak... både for koden... og forklaringen... :D Tror jeg bruger det første som du selv skrev, mit design fucker op.. :D

Man lære hele tiden.. godt med nogle kloge mennekser...

Smider du et svar så for du points...
Avatar billede roenving Novice
05. oktober 2004 - 14:25 #5
Velbekomme '-)

-- og overLib har mylliarder af konfigurations-kombinationer, så man kan jo få det, som man vil have det !-)
Avatar billede roenving Novice
05. oktober 2004 - 14:42 #6
-- Tak for point ;~}
Avatar billede pytman Nybegynder
05. oktober 2004 - 15:15 #7
Roenving..

Hehe har siddet og leget lidt med det... MEN..!!!

http://altomintet.dk/luder/link.htm <-< der kommer fejl.. :(
Avatar billede pytman Nybegynder
05. oktober 2004 - 15:16 #8
smider gerne flere points oveni.. i et nyt spørgsmål selvfølgelig
Avatar billede roenving Novice
05. oktober 2004 - 15:27 #9
Der er jo heller ikke en overdiv i dokumentet ...

-- den skal du selvfølgelig indsætte:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
Avatar billede pytman Nybegynder
05. oktober 2004 - 15:34 #10
Hmm altså så det ser sådan her ud ??:

<SCRIPT language=JavaScript
src="overlib.js"></SCRIPT>

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;">

<A href="http://www.newz.dk" onmouseout="nd(); return true;"
onmouseover="drc('Nørdede nyheder','www.newz.dk'); return true;">

Newz.dk
</a>
</div>
Avatar billede roenving Novice
05. oktober 2004 - 15:35 #11
Nej !-)

Præcis som det står ...
Avatar billede pytman Nybegynder
05. oktober 2004 - 15:38 #12
hmm prøvede det og fik af vide at "over" ikke var defineret...

Prøvede på samme måde som det andet:

<div id="over" style="position:absolute; visibility:hidden; z-index:1000;"></div>

Kan man det?
Avatar billede pytman Nybegynder
05. oktober 2004 - 15:38 #13
Der kommer ingen fejl nu efter jeg satte den linie ind med "over" i.. MEN selve overlib fungere ikke.. :(
Avatar billede roenving Novice
05. oktober 2004 - 15:44 #14
Der står jo i dokumentationen (http://www.bosrup.com/web/overlib/?Documentation), at man skal:

  <a href="java script:void(0);" onmouseover="return overlib('This is an ordinary
  popup.');" onmouseout="return nd();">here</a>
Avatar billede pytman Nybegynder
05. oktober 2004 - 15:54 #15
Det ser nu sådan her ud:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

<a href="java script:void(0);" onmouseover="return overlib('This is an ordinary
  popup.');" onmouseout="return nd();">here</a>

Når jeg så føre musen over linket, kommer der 2 fejl...

Først en "objekt var ventet"

Og så en "over" ikke defineret...

Har læst dokumentationen igennem men kan ikke rigtig se noget om "over" i den..

Pytter
Avatar billede pytman Nybegynder
06. oktober 2004 - 15:50 #16
Roenving

Har fundet fejlen...

Eller.. har fået det til at virke..

Det virker ikke så længe det ligger i en PHP fil.. ændre jeg det til HTML.. virker det upåklageligt.. meget underligt..

MEN 10000 tak for hjælpen..

Pytter
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
Kurser inden for grundlæggende programmering

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