met 1 link 2 frames veranderen - Softwareontwikkeling

dinsdag 25 januari 2005 19:59

Acties:

Verwijderd

Topicstarter

Hoe kan ik met 1 link in twee verschillende frames se source veranderen?

Dus in 1 frame de ene pagina laden en in een ander frame een verschillende pagina laden?

dinsdag 25 januari 2005 20:00

Acties:

Alex)

JavaScript:

1 2	document.framenaamlinks.location.href='links' document.framenaamrechts.location.href='rechts'

We are shaping the future

dinsdag 25 januari 2005 20:25

Acties:

Verwijderd

Topicstarter

code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheets/stylesheet_topframe.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
    function main(){
        parent.leftframe.location.href="leftframe.html";
        parent.mainframe.location.href="main.html";
    }
    function tc(){
        parent.leftframe.location.href="navigatie_menu/tc_menu.html";
        parent.mainframe.location.href="subpages/structuur_tc.html";
    }
    function jc(){
        parent.leftframe.location.href="navigatie_menu/jc_menu.html";
        parent.mainframe.location.href="subpages/structuur_jc.html";
    }
    function ac(){
        parent.leftframe.location.href="navigatie_menu/ac_menu.html";
        parent.mainframe.location.href="subpages/structuur_ac.html";
    }
    function pac(){
        parent.leftframe.location.href="navigatie_menu/pac_menu.html";
        parent.mainframe.location.href="subpages/structuur_pac.html";
    }
    function pc(){
        parent.leftframe.location.href="navigatie_menu/pc_menu.html";
        parent.mainframe.location.href="subpages/structuur_pc.html";
    }
</script>
</head>

<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">
<table width="800">
    <tr>
        <td>[img]"images/topframe.jpg"></td>
    </tr>
    <tr>
        <td[/img]
        <table width="100%" style="font-family=Verdana; font-size=11;font-weight=bold;color=#FFFFFF">
            <tr>
                <td><a href="" onClick="javascript:main();" onMouseOver="this.className='over';" onMouseOut="this.className='norm';">Home</a></td>
                <td><a href="" onClick="javascript:tc();" onMouseOver="this.className='over';" onMouseOut="this.className='norm';" >Technische Commissie</a></td>
                <td><a href="" onClick="javascript:jc();" onMouseOver="this.className='over';" onMouseOut="this.className='norm';" >Jeugdcommissie</a></td>
                <td><a href="" onClick="javascript:ac();" onMouseOver="this.className='over';" onMouseOut="this.className='norm';" >Activiteitencommissie</a></td>
                <td><a href="" onClick="javascript:pac();" onMouseOver="this.className='over';" onMouseOut="this.className='norm';" >Paviljoencommissie</a></td>
                <td><a href="" onClick="javascript:pc();" onMouseOver="this.className='over';" onMouseOut="this.className='norm';" >Publiciteitscommissie</a></td>
            </tr>
        </table>
        </td>
    </tr>
</table>
</body>
</html>

Dit is wat ik heb, werkt goed echter....

als ik 1 keer heb geklikt staan de waarden 'vast' zeg maar, dan kan ik niet de waarden nogmaals veranderen....

Dus ik kan niet als ik op een andere link klik, de frames naar andere waarden veranderen.

[ Voor 23% gewijzigd door Verwijderd op 25-01-2005 20:28 ]

dinsdag 25 januari 2005 20:27

Acties:

Alex)

Waar op internet heb je die page gedumpt?
(Een [ code ] sluit je af met [ / ] of met [ /code ], zonder spaties)

We are shaping the future

dinsdag 25 januari 2005 20:29

Acties:

Verwijderd

Topicstarter

Alex schreef op dinsdag 25 januari 2005 @ 20:27:
Waar op internet heb je die page gedumpt?
(Een [ code ] sluit je af met [ / ] of met [ /code ], zonder spaties)

Ik zag het idd toen ik hem gepost had....sorry.

De pagina staat op http://www.nienhof.nl

dinsdag 25 januari 2005 20:32

Acties:

Alex)

Dat komt denk ik door je href="" maak daar eens href="#" van?

We are shaping the future

dinsdag 25 januari 2005 20:33

Acties:

Verwijderd

Topicstarter

TOP!!! Werkt...

dinsdag 25 januari 2005 22:27

Acties:

crisp

Devver

Pixelated

liever zo:

HTML:

1	<a href="main.html" target="mainframe" onclick="main();return false">Main</a>

dan werkt het ook eventueel zonder JS, enkel je leftframe gaat dan niet mee. Verder is het dan ook te volgen voor zoekmachines.
Verder:
- javascript: in een eventhandler is onzinnig en eigenlijk gewoon fout
- je classname swap is ook onzinnig (en classname swaps zijn ook nog eens traag); dat kan gewoon met een :hover pseudoclass in CSS
- het language attribuut voor het script-element is deprecated. Een type-attribuut is echter wel verplicht (type="text/javascript")
- nog meer over deprecated attributen die CSS-equivalents hebben en over het gebruik van tabellen waar ze niet voor bedoelt zijn

Intentionally left blank

woensdag 26 januari 2005 01:35

Acties:

Alex)

Even stukje eigen ervaring:
Wat je zegt over className is waar, ik gebruik het zelf liever niet, maar ja, ik moet wel door de uiteindelijke toepassing (swap van meerdere classes e.d.)
Dat language="" deprecated is, wist ik niet...
Ik leer wel om met veel meer absoluut gepositioneerde div's te gaan werken.

We are shaping the future

woensdag 26 januari 2005 09:20

Acties:

Pelle

🚴‍♂️

Dit is dus al 1000 keer voorbij gekomen, had je ook met de search kunnen vinden