meerdere zelfde scripts in een frame

Status
Niet open voor verdere reacties.
P

pionok

Gebruiker
Lid geworden
5 mrt 2004
Berichten
241
hoi ik heb hier gisteren een vraag geplaatst over een javascript en dat is nu ok, maar nu komt mijn volgende vraag.
als ik meermaal hetzelfde script in een frame probeer te plaatsen krijg ik een foutmelding.
kan iemand mij vertellen of er een manier is om 1zelfde script meerdere malen te plaatsen.
hier onder heb ik de code geplaatst.
alvast bedankt voor de hulp.
groeten rene



<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 4</title>
<style>
.menustijl{
background-color:#000099;
color:#FFFFFF;
font-size:8pt;
font-weight:bold;
font-family:arial,helvetica,sans-serif;}
</style>

<script language="javascript">
function keuze(){
parent.left1.location=document.minimenu.SectionSelect.options[document.minimenu.SectionSelect.selectedIndex].value}
</script>

<base target="left1">

</head>

<body background="http://home.wanadoo.nl/waharteveld/gsmfun/afbeeldingen/back.jpg">

<form name=minimenu>
<p align="center">
<select name=SectionSelect onchange='keuze()' size=1 multiple class=menustijl>
<Option selected value="about:blank">Ringtones.
<Option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/25_nieuwste_ringtones.htm">
25 nieuwste.
<Option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top10.htm">
Top10.
<Option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/index%20A-Z.htm">
Index A-Z.
<Option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/op%20categorie.htm">
Op categorie.
<Option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/mijn%20top10.htm">
Mijn top10.
<Option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top100%202003.htm">
Top100 2003.
</select> </p>
</form>







</body>

</html>
 
Kan door de naam te wijzigen
function keuze1()
en
onchange='keuze1()


:cool:
 
kun je me iets meer uitleg geven?
noem ik het dan funciton keuze 2
en onchange keuze 2?????
zou je mijn code kunnen veranderen om te laten zien hoe precies?
alvast bedankt

groeten rene
 
Zo moet het lukken:



Code: 
<html>
    <head>
        <title>Test</title>
        <style>
            .menuStyle
            {
                background-color    :#000099; 
                color               :#FFFFFF; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;} 
            }
            body
            {
                background-image    : url([url]http://home.wanadoo.nl/waharteveld/gsmfun/afbeeldingen/back.jpg[/url]);
            }
        </style>
        <script language="javascript">
            function SelectedIndexChange(elem)
            {
                // Met deze optie slaan we de eerste optie in de lijst over
                if (elem.selectedIndex > 0)
                {
                    // Ik heb om te testen even een confirm object gebruikt zodat je kan zien
                    // dat er 2 methode's zijn om via de geselecteerd optie naar de nieuwe pagina te gaan.
                    
                    if (confirm("Wilt u een nieuwe browser openen of gewoon in dezelfde browser"))
                        window.open(elem.value,'','');
                    else
                        document.location.href = elem.value;
                }
            }
        </script>
    </head>
    <body>
        <form>
            <div align="center">
                <select id="SectionSelect" onchange="SelectedIndexChange(this)" class="menuStyle">
                    <option value="">
                        Ringtones.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/25_nieuwste_ringtones.htm">
                        25 nieuwste.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top10.htm">
                        Top10.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/index%20A-Z.htm">
                        Index A-Z.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/op%20categorie.htm">
                        Op categorie.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/mijn%20top10.htm">
                        Mijn top10.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top100%202003.htm">
                        Top100 2003.
                    </option>
                </select>
            </div>
        </form>
    </body>
</html>
;)
 
Even snel een bericht er achter aan, ik zie in de titel van je bericht dat je meerdere scripts wil gebruiken in 1 frame. Bedoel je dat je met de optie lijst wilt bepalen dat er op dezelfde pagina de inhoud krijgt te zien van deze keuze die men maakt in de optie's?
 
nee als je mijn code bekijkt zie je dat je een menu krijgt.
Dit menu wil ik dus 13x onder elkaar hebben.
maar dat lukt niet want zodra ik er een 2e bijzet dmv kopieren/plakken dan krijg ik een foutmelding of ik door wil gaan met het uit voeren van het javascript. maar als ik dan ja klik doet ie gewoon niks.
ik wil dit menu (zie code) dus 13x onder elkaar werkend hebben.
Mijn hele site is onderverdeeld in meerdere frames. hij zal dan ook moeten openen in frame left1
snap je mijn verhaal nu een beetje?


ik heb jouw code bekeken maar nu is mijn menu dus aangepast. dit was niet de bedoeling.
het enige wat ik dus wil is zoals mijn menu nu is. meerdere onder elkaar. welke allemaal hun link openen in left1
ik heb nu continu 1 werkend, dat lukt nog, maar zodra ik er een tweede bij zet werken ze niet meer.
 
Laatst bewerkt:
Hey Pionok,

Ik heb hier een scriptvoorbeeld in elkaar gedraaid waarmee je net zoveel listboxen op 1 pagina kan zetten als je wilt. Net als het vorige script heb ik alles een beetje overzichtelijk geplaatst met als bedoeling het begrijpelijk te houden.


Voor de rest heb ik om de boel te sieren de verschillende listboxen een andere kleur gegeven, maar deze kleur kan je natuurlijk naar wens veranderen binnen de style tags.


Script voorbeeld 2:

Code: 
<html>
    <head>
        <title>Test</title>
        <style>
            .menuStyle1
            {
                background-color    :#000099; 
                color               :#FFFFFF; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            .menuStyle2
            {
                background-color    :yellow; 
                color               :navy; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            .menuStyle3
            {
                background-color    :lightgreen; 
                color               :darkblue; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            body
            {
                background-image    : url([url]http://home.wanadoo.nl/waharteveld/...dingen/back.jpg[/url]);
            }
        </style>
        <script language="javascript">
            function SelectedIndexChange(elem)
            {
                switch (elem.id)
                {
                    case "Select1":
                        document.location.href = elem.value;
                    break;
                    case "Select2":
                        document.location.href = elem.value;
                    break;
                    case "Select3":
                        document.location.href = elem.value;
                    break;
                }
            }
        </script>
    </head>
    <body>
        <form ID="Form1">
            <div align="center">
                <select id="Select1" onchange="SelectedIndexChange(this)" class="menuStyle1">
                    <option value="about:blank">
                        Ringtones.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/25_nieuwste_ringtones.htm">
                        25 nieuwste.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top10.htm">
                        Top10.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/index%20A-Z.htm">
                        Index A-Z.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/op%20categorie.htm">
                        Op categorie.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/mijn%20top10.htm">
                        Mijn top10.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top100%202003.htm">
                        Top100 2003.
                    </option>
                </select>
            </div>
            <div align="center">
                <select id="Select2" onchange="SelectedIndexChange(this)" class="menuStyle2">
                    <option value="http://www.msn.com">
                        msn
                    </option>
                    <option value="http://www.microsoft.com">
                        microsoft
                    </option>
                    <option value="http://www.asp.net">
                        asp.net
                    </option>
                    <option value="http://www.google.nl">
                        google
                    </option>
                    <option value="http://www.altavista.nl">
                        altavista
                    </option>
                    <option value="http://www.ilse.nl">
                        ilse
                    </option>
                </select>
            </div>
            <div align="center">
                <select id="Select3" onchange="SelectedIndexChange(this)" class="menuStyle3">
                    <option value="http://www.startpagina.nl">
                        Startpagina
                    </option>
                    <option value="http://www.telefoongids.nl">
                        Telefoongids
                    </option>
                    <option value="http://www.mysql.com">
                        MySql
                    </option>
                    <option value="http://www.linux.com">
                        Linux
                    </option>
                    <option value="http://www.sun.com">
                        Sun
                    </option>
                    <option value="http://www.ibm.com">
                        IBM
                    </option>
                    <option value="http://www.sony.com">
                        Sony
                    </option>
                </select>
            </div>
        </form>
    </body>
</html>

:) :thumb:
 
ja mooi, het was niet helemaal mijn menu meer, maar ik vind hem zo ook mooi. alleen de kleuren pas ik zelf nog even aan.
alleen vraag ik me nu af, waar in het script zet ik neer dat het menu zijn links in frame left1 moet openen.
ik d8 zelf bij document.location.href maar dat lukte niet. kun je me dat nog even vertellen en dan ben je van me af :D .
in ieder geval hardstikke bedankt voor je hulp.
groeten rene



ps. het is me al gelukt hoor, hij doet het in het goede frame maar nu heb ik weer een ander probleem.
Ik kan maar 1x een link openen.
als ik bijvoorbeeld kies microsoft opent hij hem in het goede frame. in mijn geval right, maar klik ik dan op msn dan geeft ie weer een javascript fout. ik moet eerst vorige doen en dan op msn klikken dan werkt het wel.
weet je daar nog een oplossing voor?
sorry dat ik zo lastig ben
om gek van te worden.
 
Laatst bewerkt:
No problem.

Hier een voorbeeld van het script maar dan in een frameset en verderop een voorbeeld maar dan met het gebruik van een IFrame.

Voor het gemak heb ik de originele scripts in een zip gezet.

======================
Voorbeeld met frames

index.html -> hierin is de frameset gedefinieerd
Banner.html -> een eventuele banner
Menu.html -> Hieron staat de menu besturing
Inhoud.html -> Hierin verschijnt de inhoud vanuit de keuze in het menu

snapshot:
HelpmijFrameSet28042004.jpg

-----------------------------------------
index.html
-----------------------------------------
Code: 
<html>
    <head>
        <title>Dit is een voorbeeld met frames</title>
    </head>
    <frameset rows="60,*">
        <frame name="Banner" scrolling="no" noresize src="Banner.html">
        <frameset cols="175,*">
            <frame name="Menu" src="Menu.html">
            <frame name="Inhoud" src="Inhoud.html">
        </frameset>
        <noframes>
            <p>Deze pagina gebruikt frames maar wordt niet door uw browser ondersteund.</p>
        </noframes>
    </frameset>
</html>

-----------------------------------------
Banner.html
-----------------------------------------

Code: 
<html>
    <body bgcolor="#ffffcc">
        <div align="center">
            <a style="font-family: Arial; font-size: 24pt; font-bold: true; color: navy">
                Welkom op mijn site
            </a>
        </div>
    </body>
</html>

-----------------------------------------
Menu.html
-----------------------------------------

Code: 
<html>
    <head>
        <title>Test</title>
        <style>
            .menuStyle1
            {
                background-color    :#000099; 
                color               :#FFFFFF; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            .menuStyle2
            {
                background-color    :yellow; 
                color               :navy; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            .menuStyle3
            {
                background-color    :lightgreen; 
                color               :darkblue; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            body
            {
                background-image    : url([url]http://home.wanadoo.nl/waharteveld/...dingen/back.jpg[/url]);
            }
        </style>
        <script language="javascript">
            function SelectedIndexChange(elem)
            {
                switch (elem.id)
                {
                    case "Select1":
                        parent.Inhoud.location.href = elem.value;
                    break;
                    case "Select2":
                        parent.Inhoud.location.href = elem.value;
                    break;
                    case "Select3":
                        parent.Inhoud.location.href = elem.value;
                    break;
                }
            }
        </script>
    </head>
    <body bgcolor="#ffffcc">
        <form ID="Form1">
            <div align="center">
                <select id="Select1" onchange="SelectedIndexChange(this)" class="menuStyle1" NAME="Select1">
                    <option value="about :blank">
                        Ringtones.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/25_nieuwste_ringtones.htm">
                        25 nieuwste.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top10.htm">
                        Top10.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/index%20A-Z.htm">
                        Index A-Z.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/op%20categorie.htm">
                        Op categorie.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/mijn%20top10.htm">
                        Mijn top10.
                    </option>
                    <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top100%202003.htm">
                        Top100 2003.
                    </option>
                </select>
            </div>
            <div align="center">
                <select id="Select2" onchange="SelectedIndexChange(this)" class="menuStyle2" NAME="Select2">
                    <option value="http://www.msn.com">
                        msn
                    </option>
                    <option value="http://www.microsoft.com">
                        microsoft
                    </option>
                    <option value="http://www.asp.net">
                        asp.net
                    </option>
                    <option value="http://www.google.nl">
                        google
                    </option>
                    <option value="http://www.altavista.nl">
                        altavista
                    </option>
                    <option value="http://www.ilse.nl">
                        ilse
                    </option>
                </select>
            </div>
            <div align="center">
                <select id="Select3" onchange="SelectedIndexChange(this)" class="menuStyle3" NAME="Select3">
                    <option value="http://www.startpagina.nl">
                        Startpagina
                    </option>
                    <option value="http://www.telefoongids.nl">
                        Telefoongids
                    </option>
                    <option value="http://www.mysql.com">
                        MySql
                    </option>
                    <option value="http://www.linux.com">
                        Linux
                    </option>
                    <option value="http://www.sun.com">
                        Sun
                    </option>
                    <option value="http://www.ibm.com">
                        IBM
                    </option>
                    <option value="http://www.sony.com">
                        Sony
                    </option>
                </select>
            </div>
        </form>
    </body>
</html>

-----------------------------------------
Inhoud.html
-----------------------------------------

Code: 
<html>
    <body>
    </body>
</html>

======================
Voorbeeld met een IFrame

snapshot:

HelpmijIFrame28042004.jpg

-----------------------------------------
index.html
-----------------------------------------

Code: 
<html>
    <head>
        <title>Voorbeeld met een IFrame</title>
        <style>
            .menuStyle1
            {
                background-color    :#000099; 
                color               :#FFFFFF; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            .menuStyle2
            {
                background-color    :yellow; 
                color               :navy; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
            .menuStyle3
            {
                background-color    :lightgreen; 
                color               :darkblue; 
                font-size           :8pt; 
                font-weight         :bold; 
                font-family         :arial,helvetica,sans-serif;
                width               :150px;
            }
        </style>
        <script language="javascript">
            function SelectedIndexChange(elem)
            {
                switch (elem.id)
                {
                    case "Select1":
                        document.getElementById("iframe").src = elem.value;
                    break;
                    case "Select2":
                        document.getElementById("iframe").src = elem.value;
                    break;
                    case "Select3":
                        document.getElementById("iframe").src = elem.value;
                    break;
                }
            }
        </script>
    </head>
    <body bgcolor="#ffffcc">
        <table width="750px">
            <tr>
                <td>&nbsp;</td>
                <td align="center">
                    <a style="font-family: Arial; font-size: 24pt; font-bold: true; color: navy">Welkom 
                        op mijn site </a>
                </td>
            </tr>
            <tr>
                <td width="150px" valign="top">
                    <select id="Select1" onchange="SelectedIndexChange(this)" class="menuStyle1">
                        <option value="about :blank">
                            Ringtones.
                        </option>
                        <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/25_nieuwste_ringtones.htm">
                            25 nieuwste.
                        </option>
                        <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top10.htm">
                            Top10.
                        </option>
                        <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/index%20A-Z.htm">
                            Index A-Z.
                        </option>
                        <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/op%20categorie.htm">
                            Op categorie.
                        </option>
                        <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/mijn%20top10.htm">
                            Mijn top10.
                        </option>
                        <option value="http://home.wanadoo.nl/waharteveld/gsmfun/ringtones/top100%202003.htm">
                            Top100 2003.
                        </option>
                    </select><br>
                    <select id="Select2" onchange="SelectedIndexChange(this)" class="menuStyle2">
                        <option value="http://www.msn.com">
                            msn
                        </option>
                        <option value="http://www.microsoft.com">
                            microsoft
                        </option>
                        <option value="http://www.asp.net">
                            asp.net
                        </option>
                        <option value="http://www.google.nl">
                            google
                        </option>
                        <option value="http://www.altavista.nl">
                            altavista
                        </option>
                        <option value="http://www.ilse.nl">
                            ilse
                        </option>
                    </select><br>
                    <select id="Select3" onchange="SelectedIndexChange(this)" class="menuStyle3">
                        <option value="http://www.startpagina.nl">
                            Startpagina
                        </option>
                        <option value="http://www.telefoongids.nl">
                            Telefoongids
                        </option>
                        <option value="http://www.mysql.com">
                            MySql
                        </option>
                        <option value="http://www.linux.com">
                            Linux
                        </option>
                        <option value="http://www.sun.com">
                            Sun
                        </option>
                        <option value="http://www.ibm.com">
                            IBM
                        </option>
                        <option value="http://www.sony.com">
                            Sony
                        </option>
                    </select>
                </td>
                <td>
                    <iframe id="iframe" scrolling="yes" width="730px" height="500px"></iframe>
                </td>
            </tr>
        </table>
    </body>
</html>
======================

Ik denk dat je nu wel hiermee vooruit kan,
en je bent niet lastig hoor, ik help een ander graag.


:D :D
 
Zip vergeten:

nog een opmerking: beide voorbeelden starten via index.html
 
Laatst bewerkt door een moderator:
hoi wernand ik heb me site even geupload zodat ik het misschien duidelijker kan maken voor je.
zoals me site er nu dus uitziet en zoals hij werkt met het menu. dus links klikken en dan in het midden openen zo moet het zijn.
alleen wil ik dus het menu zoals het nu is en dus niet in een andere vorm 13 keer onder elkaar hebben.

http://home.wanadoo.nl/waharteveld/gsmfun/ dit is de link. ik hoop echt dat je me hier mee kan helpen.

dus er mag niks veranderen er moeten alleen 13 menuutjes onder elkaar komen welke allemaal om beurten hun link moeten kunnen openen in de middenkolom zonder dat je eerst op vorige of iets dergelijks moet klikken.

dus ik klik bijvoorbeeld eerst in het 1ste menu op ringtones en dan top10. dan moet ik dus zo ook naar menu 6 of welke dan ook kunnen gaan. dus ik klik dan op menu 6 en open daar bijvoorbeeld logo's top10 ook in het midden.

snap je het nog?
als je niet meer wilt helpen begrijp ik het wel hoor.
ik snap best het 1 en ander van html en ik heb ook al meerdere menu's werkend gehad, maar deze wil maar niet lukken.

nogmaals bedankt.
rene
 
Ik heb de benodigde aanpassingen aangebracht zie de zipfile. -> Deze file is op verzoek gewist

In het bestand index_linksboven.htm kan je de tag:

<base target="left1">

weglaten omdat deze al is gedefinieerd in de frameset.
Wat je moet doen om in een bepaalde pagina iets te veranderen is verwijzen naar de parent (bovenliggende node)

De bovenste laag heet de "top" laag maar daar hoef je niet naar te verwijzen aangezien je maar in 1 verdieping werkt.
 
Laatst bewerkt:
Er zijn trouwens programmeurs die een check uitvoeren of hun site vanuit een frameset wordt geladen, zo ja, dan zorgen ze ervoor dat de bovenste laag "top" wordt vervangen door hun site zodat je de hele frameset structuur verliest.

Verder is het gewoon een kwestie van uitproberen, ook kan je op bepaalde site scriptfouten krijgen met een tekst als access denied, dit zijn problemen die ontstaan wanneer een andere website als frameset in jouw frameset wordt geplaatst.

Ik ben zelf niet zo gek op een frameset, ik maak liever gebruik van tabellen met inhoud.
 
het is voor elkaar.
super bedankt voor je tijd.
heb ik nog 1 klein vraagje , zou je dat zipfiletje weg willen halen, anders neemt iedereen het straks over en is het niet echt origineel meer. Ik weet het, het klinkt misschien wat kinderachtig,maar ik wil het liefst me site helemaal afhebben voordat ie openbaar wordt. als je me een email stuurd ,dan mail ik je als ik hem helemaal klaar heb.
groetjes rene
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan