Tables og Iframe

Alt er muligt... Du skal nok bruge noget med noget <span> hvor billedet skal skifte... Men det er noget indviklet noget :)

<script>

function iframeOgBilled ( htmlfilurl, billedurl ) {
    self.iframenavn.location.href = htmlfilurl;
    self.images.billednavn.src = billedurl;
};

det er et ca 30p spørgsmål. svar også selv og fordel points så du beholder 270.

mvh JakobA
   

dit link:

<a href=\"java script:void(0);\"
    onclick=\"iframeOgBilled( \'sidetiliframe.html\', \'udsigtoverhavet.jpg\' );\">klik</a>

uddybning af svar:

i head sektionen i din html-fil skrives dette script:
<script type=\'text/javascript\'>

function iframeOgBilled ( htmlfilurl, billedurl ) {
    self.iframenavn.location.href = htmlfilurl;
          // iframenavn skal passe til din iframe
    document.images.billednavn.src = billedurl;
                      // billednavn skal passe til dit billede
};

</script>

dit link skrives som:
<a href=\"java script:void(0);\"
    onclick=\"iframeOgBilled( \'sidetiliframe.html\', \'udsigtoverhavet.jpg\' );\">klik</a>

din iframe kommando skal have en  name=\"iframenavn\" parameter med samme navn som du bruger i scriptet:

<iframe name=\"iframenavn\" src=\"indhold.html\" width=400 height=300></iframe>

din <img kommando til billedet skal også have en name=\"billenavn\" parameter med det navn du bruger:

<img name=\"billednavn\" src=\"udsigtunderhavet.jpg\">

mvh JakobA

var nok også det sidste vi så til gecko

Oprettelsesdato 2001-11-05 16:13:43
Point ved oprettelse 300
Point opsparet (0 dage * 5 point) 0
Point tjent 0
Point brugt 300
Point ude 0
Banner Point 0
I alt 0

Lad os nu se.

Jeg skal nok tjene mine point ind igen.........blev bare nødt til at smække hele \"baduljen\" på, for at få et svar hurtigt !!

Tak for hjælpen Jakoba !!

selv tak.
Som regel får man ikke specielt hurtigere svar af at poste en masse points på, bare flere svarere der lægger et forhastet svar, for at komme først.

mvh JakobA

Virker stadig ikke.....jeg kan ikke finde fejlen

Hvad er der galt, jeg kan ikke finde fejlen ????????..hvor er den ??

<html>
<head>
<title></title>

<script type=\'text/javascript\'>


function iframeOgBilled ( htmlfilurl, billedurl ) {
    self.textarea.location.href = htmlfilurl;
    self.images.billed.src  = billedurl;
};

</script>
</head>
<body background=\"bg5.jpg\" bgproperties=fixed topmargin=\"0\">


<map name=\"undermenu\">

<area shape=\"rect\" href=\"java script:void(0);\"
    onclick=\"iframeOgBilled ( \'ledelse.html\', \'billed11.gif\' );\" coords=\"148,44,192,60\">

<area shape=\"rect\" href=\"java script:void(0);\"
    onclick=\"iframeOgBilled ( \'salg.html\', \'billed2.gif\' );\" coords=\"197,44,236,60\">

<area shape=\"rect\" href=\"java script:void(0);\"
    onclick=\"iframeOgBilled ( \'kam.html\', \'billed3.gif\' );\" coords=\"240,44,378,60\">

<area shape=\"rect\" href=\"java script:void(0);\"
    onclick=\"iframeOgBilled ( \'coaching.html\', \'billed4.gif\' );\" coords=\"385,44,440,60\">

<area shape=\"rect\" href=\"java script:void(0);\"
    onclick=\"iframeOgBilled( \'teambuilding.html\', \'billed5.gif\' );\" coords=\"446,44,526,60\">

<area shape=\"rect\" href=\"java script:void(0);\"
    onclick=\"iframeOgBilled( \'konsulent.html\', \'billed6.gif\' );\" coords=\"530,44,614,60\">
</map>



<center>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"672\">
    <tr>
    <td colspan=3><img src=\"topundermenu.gif\" border=\"0\" hspace=\"0  vspace=\"0\" usemap=\"#undermenu\"></td>
    </tr>
    <tr>
    <td><img src=\"menu.gif\" usemap=\"#hovedmenu\" border=\"0\" hspace=\"0\" vspace=\"0\"></td>
    <td background=\"textbaggrund.gif\">

<iframe FRAMEBORDER=[0] height=\"267\" width=\"363\" align=\"right\" name=\"textarea\" scrolling=\"auto\" src=\"frame.htm\"></iframe>
           
    <td><img src=\"billed1.gif\" name=\"billede\" border=\"2\" hspace=\"0\" vspace=\"0\" usemap=\"#sidemenu\"></td>
    </tr>
    <tr>
    <td colspan=3><img src=\"bund.gif\" border=\"0\" hspace=\"0\" vspace=\"0\"></td>
    </tr>
</table>

</body>
</html>

kald din iframe noget andet end textarea. det er der også en html kommando der hedder.

og nr 2 linie i funktionen bør starte med document istedet for self:
    document.images.billed.src  = billedurl;

ligger html filerne og billderne i samme mappe som denne fil?
er de stavet rigtig (også de samme store og små bogstaver)?

mvh JakobA

det billede der skal skiftes hedder billed i scriptet men billede (med e) der du navngiver det. Det skal staves ens begge steder.

med så virker det faktisk også :-))

Netscape kan ike genkende denne kode: document.images.billede.src  = billedeurl;

jo det kan den. der må være noget andet galt.

hvordan ser det ud nu?

sådan ser den ud nu.....jeg har lavet lidt om i scriptet, for at iframen kunne skifte...og det virker !!!

<html>
<head>
<title>OPTIMATION</title>

<script type=\'text/javascript\'>


function iframeOgBillede ( htmlfilurl, billedeurl ) {
    self.frames[\'midt\'].location.href = htmlfilurl;
    document.images.billede.src  = billedeurl;
};

</script>
</head>
<body background=\"bg5.jpg\" scroll=\"no\" bgproperties=fixed topmargin=\"0\">


<map name=\"undermenu\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede ( \'ledelse.html\', \'billede1.gif\' );\" coords=\"148,44,192,60\" alt=\"Ledelse\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede ( \'salg.html\', \'billede9.gif\' );\" coords=\"197,44,236,60\" alt=\"salg\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede ( \'kam.html\', \'billede2.gif\' );\" coords=\"240,44,378,60\" alt=\"Key Account Management\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede ( \'coaching.html\', \'billede3.gif\' );\" coords=\"385,44,440,60\" alt=\"Coaching\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede ( \'teambuilding.html\', \'billede6.gif\' );\" coords=\"446,44,526,60\" alt=\"Teambuilding\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede ( \'konsulent.html\', \'billede7.gif\' );\" coords=\"530,44,614,60\" alt=\"Konsulentbesøg\">
</map>


<map name=\"hovedmenu\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede( \'hvemervi.html\', \'billede5.gif\' );\" coords=\"49,0,129,16\" alt=\"Hvem er vi ?\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede( \'referencer.html\', \'billede8.gif\' );\" coords=\"54,21,122,37\" alt=\"Referencer\">

<area shape=\"rect\" href=\"java script:void(0);\"
onclick=\"iframeOgBillede( \'kurser.html\', \'billede10.gif\' );\" coords=\"54,42,119,69\" alt=\"Optimation tilbyder\">

</map>

<map name=\"sidemenu\">

<area shape=\"rect\" href=\"kontaktos.html\" coords=\"3,30,112,99\" target=\"midt\">

<area shape=\"rect\" href=\"mailto:secher@optimation.dk\" coords=\"4,106,110,124\" alt=\"Klik her for at sende en mail\">
</map>


<center>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"672\">
    <tr>
    <td colspan=3><img src=\"topundermenu.gif\" border=\"0\" hspace=\"0  vspace=\"0\" usemap=\"#undermenu\"></td>
    </tr>
    <tr>
    <td><img src=\"menu.gif\" usemap=\"#hovedmenu\" border=\"0\" hspace=\"0\" vspace=\"0\"></td>
    <td background=\"textbaggrund.gif\">

<iframe FRAMEBORDER=[0] height=\"267\" width=\"363\" align=\"right\" name=\"midt\" scrolling=\"auto\" src=\"forside.html\">
</iframe>
           
    <td><img src=\"billede4.gif\" name=\"billede\" border=\"0\" hspace=\"0\" vspace=\"0\" usemap=\"#sidemenu\"></td>
    </tr>
    <tr>
    <td colspan=3><img src=\"bund.gif\" border=\"0\" hspace=\"0\" vspace=\"0\"></td>
    </tr>
</table>

</body>
</html>

du er godt klar over at <iframe kommandoen slet ikke duer i NS4.7 ikke.
skal NS4.7 supporteres?

ps: det er en god ide at sætte width og height i dine menubilleder.

jeg kører NS 6.0

men det virker perfekt i explorer

Men det virker da fint i NS6 ?
Tivertifald min NS 6.0.

ligger billederne i damme mappe som filen?
Det kan evt hjælpe at preloade de billeder der skal skiftes med, ellers kan det ske at ns6 kollapser det viste billede.

var pImg = new Array( \"billede0.gif\", \"billede1.gif\", ... \"billede99.gif\" );
for (var i=0; i<pImg.length; i++ ) {
    temp = pImg[i];
    pImg[i] = new Image();
    pImg[i].src = temp;
};

kan måske hjælpe.

Prøv at beskrive det der går galt noget mere udførligt.

mvh JakobA

Hvor skal den kode ind henne ???


--det der går galt er at (nu er det værre) iframen ikke skifter og billedet heller ikke skifter. desuden bliver den midterste tabel forskudt fra de andre...men retter sig selv op efter man har opdateret 10-17 gange !!
----jeg går snart kold !!!-------

og ja, billederne er i samme mappe som filen

sæt bredde og højde i alle dine <img kommandoer det er altid en god ide.
<img src=\"topundermenu.gif\" border=\"0\" hspace=\"0  vspace=\"0\" semap=\"#undermenu\" width=630 height=60>

koden indsøtte i den <script sekton hvor funktionen iframeOgBilled allerede står. over eller under funktionen.

i første linie i koden udskifter du
        \"billede0.gif\", \"billede1.gif\", ... \"billede99.gif\"
med en liste af alle de billeder du ønsker at skifte ind ( , imellem men ikke for enden).

husk nu og da at slette din chashe mens du tester så du ikke uforvarene kommer til at kikke på den gamle version fra cashen.

mvh JakobA

Ups. indsøtte -> indsættes

Jeg har nu sat scriptet ind (og ikke andet)

og nu blev det lidt bedre.....tabellerne er ikke længere forskudt, men det burde jo ikke være det der er blevet rettet.

Slette cashen....hvordan ????

Tusind tak for alt din hjælp !!!

fandt ud af det med cashen !!

i IE er det
menupunkt  \'internet indstillinger\'
faneblad  \'generelt\'
midt på vinduet \'midlertidige internet file\' tryk på slet

i NS6 er det
menupunkt  \'preferences\' (under edit)
kategori  \'advanced\'
underpunkt  \'cashe\'
knapper    \'clear memory cashe\' og \'clear disk cashe\' (begge to)

mvh JakobA

Virker stadig ikke
Nu har jeg sat height og width på alle billederne !!!

mvh Ronni (Gecko)

har du mulighed for at lægge det på nettet (selvom det ikke virker korrekt). der må være et eller andet helt andet galt her.

Nej den mulighed har jeg ikke, men er der ikke en eller anden måde jeg kan sende den til dig ???........f.eks icq ???

vent lidt.....jeg har muligheden, jeg smider den lige op !!!

du kan sende pr email til jakoba@jakoba.dk pak fil og billeder i en .zip fil og attach.

ps: i din <iframe kommando har du:
    FRAMEBORDER=[0]
det bør ændres til
    FRAMEBORDER=0
men det er ret sikkert ikke den fejl vi leder efter.

http://home1.stofanet.dk/ronnishjemmeside/optimation.html

http://www.jakoba.dk/eksperten/optimation/optimation.html
du får fejl fra et par sider jeg ikke fik grabbet. ellers skulle det være ok.

det er kun filen 2optimation.html\" jeg har ændret noget i.
Sig til når du har taget den, det er lovlig mange kilobyt at have liggende.

måden at hente ny fil til iframe er helt ændret. den gamle duede ikke i ie4 og heller ikke i ns6.

mvh JakobA

Jeg har hentet den nu !!!
Så må jeg se om jeg kan beskrive det hele over for de andre i min klasse !!!

Tak for hjælpen

MVH
Ronni

Det kom aldrig til at virke.....det blev testet på 5 computere. så vi måtte lave en ren html version til netscape !!!!