javascript mouseover

[Verwijderd]

Ik zit met de volgende kwestie:

Ik ben momenteel een site aan het bouwen die bestaat uit een top, left, main en right frame.
De top, left en right frame zijn menupaginas. Elk menuframe heeft een javascript die een menu-item bij selectie als geselecteerd toont. Door het selecteren van een menu-item veranderd puur en alleen het main frame.
Druk ik vervolgens in een ander menuframe op een menu-item, wordt dit menu-item ook geselecteerd door het javascript in het desbetreffende frame.
is het mogelijk het eerst geselecteerde menu-item bij selectie van een menu-item in een ander frame te unselecten?

[Dennis]

Tuurlijk kan dat. Alleen is het wel ingewikkeld. Maar als jij gewoon netjes bij elke link een functie maakt die aan de hand van een array van het aantal menuknoppen van de index (pffffffft) een bepaalde knop als "set" beschouwt, lukt het perfect.

* Dennis denkt aan de Pelle website, die zo'n 'superfunctie' nog mist

[Willem]

ddc:
* Willem denkt aan de Pelle website, die zo'n 'superfunctie' nog mist

Dat gaat toch helemaal niet op? Die heeft slechts 'enkele' navigatie...

[Verwijderd]

Op woensdag 13 februari 2002 20:52 schreef ddc het volgende:
Tuurlijk kan dat. Alleen is het wel ingewikkeld. Maar als jij gewoon netjes bij elke link een functie maakt die aan de hand van een array van het aantal menuknoppen van de index (pffffffft) een bepaalde knop als "set" beschouwt, lukt het perfect.

/me denkt aan de Pelle website, die zo'n 'superfunctie' nog mist

wat is de pelle website? is daar informatie omtrend mijn bovengeschreven kwestie te raadplegen?
Is javascript niet frame-afhankelijk?

[Willem]

prod:
wat is de pelle website? is daar informatie omtrend mijn bovengeschreven kwestie te raadplegen?
Is javascript niet frame-afhankelijk?

SPAM : http://home.wanadoo.nl/j.van.veelen/

Maar volgens mij gaat jouw probleem daar helemaal niet op.

[Verwijderd]

Op woensdag 13 februari 2002 21:25 schreef willem169 het volgende:

[..]

SPAM : http://home.wanadoo.nl/j.van.veelen/

Maar volgens mij gaat jouw probleem daar helemaal niet op.

nee niet echt, dat is een redelijk standaard websitetje, overigens werken op die website de mouseovers niet in mijn ns6 browser.

[Verwijderd]

Op woensdag 13 februari 2002 20:52 schreef ddc het volgende:
Tuurlijk kan dat. Alleen is het wel ingewikkeld. Maar als jij gewoon netjes bij elke link een functie maakt die aan de hand van een array van het aantal menuknoppen van de index (pffffffft) een bepaalde knop als "set" beschouwt, lukt het perfect.

/me denkt aan de Pelle website, die zo'n 'superfunctie' nog mist

Dit is dus de enigste manier volgens jullie?

[Verwijderd]

Op woensdag 13 februari 2002 21:27 schreef prod het volgende:

nee niet echt, dat is een redelijk standaard websitetje,

Komt er geinig uit...

[Verwijderd]

Op woensdag 13 februari 2002 20:12 schreef prod het volgende:
Ik zit met de volgende kwestie:

Ik ben momenteel een .......frame te unselecten?

iemand?
Een optie die ik zou kunnen toepassen is het refreshen van alle frames, maar dan zou ik net zogoed frames achterwege kunnen laten. Laat ik zeggen dat dat mijn laatste redmiddel is.

[RM-rf]

Op donderdag 14 februari 2002 10:46 schreef prod het volgende:

[..]

iemand?
Een optie die ik zou kunnen toepassen is het refreshen van alle frames, maar dan zou ik net zogoed frames achterwege kunnen laten. Laat ik zeggen dat dat mijn laatste redmiddel is.

netscape kent de fantastische 'string.watch()' method, waarmee je een variabele kan laten monitoren, bv de window.location.href van andere frame en vervolgens bij verandering een reset-functie laten aanroepen.

msie kent dat niet, maar het s wel eenvoudig te simuleren, via een setInterval("watchFunctietje('variabele', 'aanteroepenfunctie()')", 1000)
en function watchFunctietje(variabele)
{
sla de oorspronkelijke waarde op in een extra waarde
controleer of deze waarde overeenkomt met de te controleren waarde, als dat niet zo is roep je de 'aanteroepenfunctie()' (bv resetfunctie()) op en vervang je 'extra waarde' weer door de huidige (als je ten minste door wilt gan met de watch, anders moet je de interval ook resetten, via de interval ID)

om erachter te komen welke item de vorige keer geselecteerd was kun je bv het object in een prevItem variabele opslaan bij het selecteren
}

[Bluestorm]

Op donderdag 14 februari 2002 14:17 schreef RM-rf het volgende:
msie kent dat niet, maar het s wel eenvoudig te simuleren, via een setInterval("watchFunctietje('variabele', 'aanteroepenfunctie()')", 1000)
en function watchFunctietje(variabele)

Zoiets heb ik pas gebouwd:

code:

var watchers=new Array();

function start_watch(watchVar,watchFunc){

    var watcher=new Array(watchVar,watchFunc,0);

    watchers.push(watcher);

}

function watchIt(){

    for(var i in watchers){

        var w=watchers[i];

        
        if(eval(w[0])!=undefined){
        obj=eval(w[0]); 
            if(obj!=w[2]){
                temp = w[1];
                temp();
            }
            w[2]=obj;
        }
    }
}

en aanroep om de verandering van scrollHeight van een Iframe te monitoren:

code:

        start_watch("getIframe(object('"+this.targetFrame+"')).document.body.scrollHeight",updateDrgButton);

        setInterval("watchIt()",25);

Kun je vast wel ombouwen naar wat je wil

Het werkt alleen nog niet helemaal lekker... als je namelijk een andere pagina laad dan geeft ie een error omdat het te checken object niet bestaat... (aanvullingen zijn dus welkom )

[Verwijderd]

Elk menu item refreshe je via de <a href> de andere 2 menuframes + je content pagina. Eigenlijk zwaar irritant, maar je moet wat.

bv

[code]
<a onmouseover="dynamic_image_on('b1'); window.status=''; return true " onclick="dynamic_image_stay('b1'); window.status=''; parent.frame_menu1.location='menu_1.htm'; parent.frame_menu2.location='menu_2.htm'; parent.frame_canvas.location='canvas.htm'; return true" onmouseout="dynamic_image_off('b1'); window.status=''; return true" href="#">
[\code]

[Bluestorm]

Wat ik zou doen is beginnen om een array aan te leggen welke button geselecteerd is... id+frame bijvoorbeeld.
Dit doe je in een frame waarvan je zeker weet dat het altijd bestaat.

code:

var mySetItem=new Array();

function setItem(newFrame, newId){
    frame = mySetItem["frame"];
    id= mySetItem["id];

    parent.frames[frame].document.unsetItem(id);
 
    mySetItem["frame"]=newFrame;
    mySetItem["id"]=newId;

    parent.frames[newFrame].document.setItem(newId);
}

en dan in iedere framepagina iets van:

code:

var frameName="topMenu";
var uberFrame="hidden";

function itemClick(id){
   parent.frames[uberFrame].setItem(frameName,id);
}

function setItem(id){
   // code voor het actief maken van item...
}

function unsetItem(id){
   // code voor het deactiveren van een item...
}

[Heintjo]

Om onduidelijkheid te voorkomen, eerst mijn (sterk vereenvoudigde) formulering van jou probleem (correct me if I'm wrong):

- Menu : sectie 1, sectie 2, sectie 3
- Content : pagina's horen onder een van de secties

Als een contentpagina wordt geopend die valt onder sectie 2, moet het menu laten zien dat sectie 2 geselecteerd is.
Staat er nou in de contentpagina een link naar sectie 3, dan moet de sectie3 knop in het "menuframe" veranderen (dus geselecteerd worden)..

Correct?

Zo ja heb ik een oplossing :):

In plaats van in het menuframe je knop 'selected' te maken, doe je het bij de onload van je contentframe. Deze onload roept een functie aan in je menuframe, die de state van de knop verandert.

Stukkie javascript code voor in de menuframe:

code:

function checkselected(selected) {
  sel('knopa');
  sel('knopb');
  sel('knopc');
}

function sel(id) {
  if (id == selected) {
    document.images[id].src = id+"_sel.gif";
  }
}

de plaatjes van de knoppen heten knopa.gif, knopb.gif, knopc.gif, en hebben een "selected" versie (lichter ofzo), die knopa_sel.gif, knopb_sel.gif etc heten..

De knop ziet er zo uit:

code:

<a href="bla.html" target="content">[img]"knopa.gif"[/img]</a>

en in de contentframe roep je de javascriptfunctie "checkselected" aan.. als volgt voor een pagina die onder de "knopa" sectie valt:

code:

-- javascript:
function check(id) {
top.frames.menu.checkselected(id);
}
-- body tag:
<body bgcolor="..." onload="check('knopa');">

Speel er wat mee rond, moet zo wel lukken (voor mij lukt 't in ieder geval altijd wel )

[Verwijderd]

Op donderdag 14 februari 2002 22:17 schreef Heintjo het volgende:
Correct?

incorrect.
3 menuframes - elke zijn eigen menu items.
1 contentframe

selectie vanuit menuframe 1 ----> contentpagina wijzigd ----> menuitem in menuframe 1 is geselecteerd.
selectie vanuit menuframe 2 ----> contentpagina wijzigd ----> menuitem in menuframe 1 ongeselecteerd -----> menuitem in menuframe 2 geselecteerd.

Ik heb de aangedragen oplossing van poster irontag overgenomen. Dit is in mijn ogen de beste oplossing. Thx!!

[Heintjo]

Hehe

Ach, wie weet komt m'n bak code dan ooit van pas voor degene die de search gebruiken

[Verwijderd]

Op vrijdag 15 februari 2002 02:02 schreef Heintjo het volgende:
Hehe

Ach, wie weet komt m'n bak code dan ooit van pas voor degene die de search gebruiken

thx!