/ Forside/ Teknologi / Udvikling / Java Scripts / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
mouseover effekt
Fra : jakiil
Vist : 870 gange
43 point
Dato : 22-06-08 09:50

Hej

Jeg er ved at lave ne hjemmeside bygget op med frames.

Jeg vil nu gerne have følgende:

Jeg har en menu i en ramme, hvor der er knapper, jeg vil nu gerne have det lavet såden at når jeg har musen over en af mine knapper så skifter knappen udseende (det kan jeg) men så vil jeg også gerne have at teksten i en tekstboks i en anden ramme ("main") skifter alt efter hvilken knap jeg er over, jeg vil helst have et det er tekst der skifter i rammen "main", men hvis det kun kan lade sig gøre med at det er et billede så er det også ok.

Kan nogle hjælpe? Hvis I da kan forstå hvad jeg mener.

Jane

 
 
Kommentar
Fra : molokyle


Dato : 22-06-08 11:16

crossframescripting med andre ord:

1.) http://msdn.microsoft.com/en-us/library/ms533028(VS.85).aspx
2.) http://www.planet-source-code.com/vb/scripts/ShowCode.asp?txtCodeId=2130&lngWId=2
3.) http://www.quirksmode.org/js/croswin.html

Happy coding...

Når jeg får tid ...jeg er på 'landet', men når jeg kommer hjem senere idag, så skal jeg prøve at gi' dig en hånd

Det er såmen ikke så svært, men du ka' jo i mellemtiden prøve at 'boge' den lidt i DOM:

http://www.w3schools.com/htmldom/default.asp

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-06-08 11:49

Ps. Leg lidt med dette eksempel: http://www.pageresource.com/jscript/jframe1.htm

Eksemplet er hér: http://www.pageresource.com/jscript/jex12.htm

..og gæt hvad der sker, hvis du erstatter eventen: onclick med onmouseover i linjen:
Kode
<INPUT type="button" value="What is cool?"
onClick="parent.right_frame.document.form1.text1.value='Me!'">




Mere læsestof:

1.) http://www.webreference.com/js/column36/
2.) http://www.quirksmode.org/js/frameintro.html
3.) http://www.oreillynet.com/pub/a/javascript/excerpt/jstdg_ch13/index.html?page=7#multwinfram

<MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-06-08 15:56

Så ...er jeg hjemme ..igen

Du har nu læst alt om DOM og ved at, en frame har et nummer som angives i skarpe paranteser (EKS. frame[4]) ...eller et navn (EKS. frame.name) ...eller et ID (EKS frame.id)

Nu skulle det være en smal sag, at tilgå den rette frame i Javascript.

Som direkte reference (= 'navn'/'IDentitet').

Dernæst ved du, at et ID (..angivet som parameter i det aktuelle HTML objekt; id="...") er et UNIKT navn, som KUN ét element på siden ka' ha', så du er sikker på at få fat i det 'rigtige' element. (Såfremt du overholder webstanderne for hjemmesider, som anbefalet/dikteret af: http://www.w3.org/ !!!)

Derfor: Opret et HTML element ..f.eks. et <div> .. </div> eller et inline elemnet ..f.eks. <span> ..</span> på den side som skal ha' ændret indhold ved mouseover i en anden frame.

..og giv dette et ID:
Kode
<div id="opdater">DETTE INHOLD</div>


Nu er det præcis som i AJAX ("..same thing " = http://www.w3schools.com/ajax/default.asp ) blot, at lave en Javascript funtion på din menuside, som gør det du vil.
Nemlig at; ..udskifte indholdet i pågældende <div> i respektive <frame>.

EKS.
var HTMLKODE="<img src='/images/jpg/NYT_BILLEDE.jpg'" alt="Dette er et billede der vises ved mouseover i en anden frame.">
frame[2].div.id='opdater'=HTMLKODE;

Selve <div> ... </div> (..eller <span> .. </span>, hvis du foretrækker inline markører?) block konstruktionen kan STADIG styres med CSS for, at angive boxmodellen ( http://otto.leholt.person.emu.dk/web-design/stylesheet_eks/box-model_1.htm ) og andre layout-'ting'.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-06-08 16:05

Smutter:

frame[2].div.id='opdater'=HTMLKODE;

..bli'r til:

frame[2].getElementById('opdater')=HTMLKODE;

Hmmm.. jeg må nok lave et eksempel til dig senere

Jeg ska' altså liiiiige lande

</MOLOKYLE>

Accepteret svar
Fra : molokyle

Modtaget 43 point
Dato : 22-06-08 20:32

Her er een løsning ...blandt mange mulige andre:

http://www.cssboxing.com/temp/mainframe.html

Den viser dig dog princippet

</MOLOKYLE>

Godkendelse af svar
Fra : jakiil


Dato : 23-06-08 11:01

Tak for svaret molokyle.

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste