Notifikationer

Markér alle som læst Log ud

ultra Nybegynder

25. november 2002 - 20:21 Der er 15 kommentarer og
1 løsning

Mouse-Over ?

Hej,

Jeg har brug for et Mouse-Over Script til min menu, der er en lille ting som den skal kunne og det er: Nå man klikker på et link så skal den være ON end til man klikker på et andet link. (lige som den her www.vojens.dk )

TAK!

Synes godt om

koed Nybegynder

25. november 2002 - 20:32 #1

Ved godt at det måske er lidt irrelevant, men damn det er en flot side. vojens.dk !!! :)

Synes godt om

ultra Nybegynder

25. november 2002 - 20:36 #2

kan nogen hjælpe mig ?

Synes godt om

cdc Novice

25. november 2002 - 21:25 #3

det er mange måder at gøre det på bl.a i css.
se evnt: www.cdcmedia.dk/cement/ ( blot en test side ) den er lavet i css
ellers: http://hjem.get2net.dk/arntsen/eksperten/menu/menu_07.htm dog her med en undermenu

Synes godt om

ultra Nybegynder

25. november 2002 - 21:34 #4

vil helst have det i JavaScript el. DHTML

Synes godt om

ultra Nybegynder

25. november 2002 - 21:53 #5

hmm... :(

Synes godt om

ultra Nybegynder

26. november 2002 - 02:34 #6

er der nogen der kan hjælpe mig...? tak!

Synes godt om

proc Nybegynder

26. november 2002 - 03:30 #7

Du slipper umiddelbart langt lettest med css. Her er funktionen nemlig allerede defineret! Du har sikkert allerede lavet noget lignende det her:

.menu:hover { color: blablabla; text-decoration: blabla osv.}

Herefter er det ganske enkelt:

.menu:active { color: blablabla; text-decoration: blabla osv., præcis som ovenstående, blot active i stedet for hover}

Nu har menupunktet en formattering ved hover, som bevares ved active - voila...

Synes godt om

cdc Novice

26. november 2002 - 08:36 #8

proc--> det er den jeg har brugt på www.cdcmedia.dk/cement/

/cdc

Synes godt om

proc Nybegynder

26. november 2002 - 11:01 #9

/CDC--> Det kunne jeg også forestille mig - efter et meget kort kig på siden. Den ser "CSS-agtig" ud (læs: der er styr på formatteringen...). Men for at tjekke det, skal ultra jo kigge i din .CSS-fil, så det her må være nemmere ;)

Synes godt om

emileej Nybegynder

26. november 2002 - 12:05 #10

>>cdc & proc
Det er ret nice - det havde jeg ikke set før, men prøv så f.eks. at klikke på teksten. Så er linket ikke længere i fokus.
Vojens.dk er lavet ved at den ikke bruger frames og linket til den aktive side derfor som standard er highligted.
Hvis du bruger frames er der en JS måde at løse det på.
Eksempel:
<head>
<script>
var lastObj;
function focusLink(obj){
lastObj.style.border="none";
obj.style.border="1px solid black";
lastObj=obj;
}
</script>
<style>a.link{ text-decoration:none }</style>
</head><body>
<a target="popup" href="http://exp.dk" onclick="focusLink(this);" id="expLink" class="link">exp.dk</a>
<br>
<a target="popup" href="http://jubii.dk" onclick="focusLink(this);" class="link">jubii.dk</a>
<br>
<a target="popup" href="http://google.com" onclick="focusLink(this);" class="link">google.com</a>

<script>lastObj=document.getElementById('expLink');
focusLink(lastObj);</script>
</body>

E-)mil
http://eej.dk
http://hjemmesideservice.dk

Synes godt om

ultra Nybegynder

26. november 2002 - 21:47 #11

men jeg bruger billeder...

Synes godt om

ultra Nybegynder

26. november 2002 - 21:51 #12

kan man stadig gøre det i css? Men det vil være rigtigt godt hvis det kunne laves i JavaScript :)

Synes godt om

cdc Novice

26. november 2002 - 22:36 #13

her er en med billeder og javascripts samt css, ved ikke hvordan den er cross browser da det ikke er testet, og dette kun vare en test for sjov:

http://hjem.get2net.dk/arntsen/eksperten/menu/menu_05.htm

Synes godt om

emileej Nybegynder

27. november 2002 - 08:38 #14

Oki - her er så en (utestet) billed version de luxe. Det eneste du skal gøre er at indsætte koden:
<script>
insertImageLink("mitLinkId","billed1.gif","billed1aktiv.gif","http://exp.dk");
</script>
Der hvor du vil have et link, og så indsætte følgende kode i <head> sektionen:

<script>
var Images=new Array();
var ActiveImages=new Array();
var ImageNames=new Array();
var lastId;

function getImage(id){
var image={ n: false, a:false };
for(i=0;i<ImageNames.length;i++){
if(ImageNames[i]==id){
image.n=Images[i];
image.a=ActiveImages[i];
}
}
return image;
}

function activate(obj){
document.getElementById(lastId+"img").src=getImage(lastId).n.src;
lastId=obj.id;
document.getElementById(lastId+"img").src=getImage(lastId).a.src;
}

function insertImageLink(id,nimage,aimage,url){
i=ImageNames.length;
ImageNames[i]=id;
Images[i]=new Image(nimage);
ActiveImages[i]=new Image(aimage);
document.write("<a href=\""+url+"\" onfocus=\"this.blur();\" id=\""+id+"\" onclick=\"activate(this);\"><img src=\""+nimage+"\" border=\"0\" id=\""+id+"img\"></a>\n");
if(i==0)
document.write("<script>\nlastId=\""+id+"\";\nactivate(document.getElementById(\""+id+"\"));\n</script>\n");
}
</script>

E-)mil
http://eej.dk
http://hjemmesideservice.dk

Synes godt om

emileej Nybegynder

27. november 2002 - 08:51 #15

Fik lige testet scriptet - følgende skal laves om:

function activate(obj){
document.getElementById(lastId+"img").src=getImage(lastId).n;
lastId=obj.id;
document.getElementById(lastId+"img").src=getImage(lastId).a;
}

function insertImageLink(id,nimage,aimage,url,target){
i=ImageNames.length;
ImageNames[i]=id;
Images[i]=nimage;
ActiveImages[i]=aimage;
document.write("<a href=\""+url+"\" target=\""+target+"\" onfocus=\"this.blur();\" id=\""+id+"\" onclick=\"activate(this);\"><img src=\""+nimage+"\" border=\"0\" id=\""+id+"img\"></a>\n");
if(i==0)
document.write("<script>\nlastId=\""+id+"\";\nactivate(document.getElementById(\""+id+"\"));\n<\/script>\n");
}

Og derved skal kaldet til insertImagesLink() ligeledes laves om til:
<script>
insertImageLink("mitLinkId","billed1.gif","billed1aktiv.gif","http://hjemmesideservice.dk","minframe");
</script>

E-)mil
http://eej.dk
http://hjemmesideservice.dk

Synes godt om

ultra Nybegynder

28. november 2002 - 18:58 #16

tak for jeres svar!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS