[Javascript] Klein vraagje - Softwareontwikkeling

donderdag 5 februari 2009 21:45

Acties:

Topicstarter

Hoi,
Ik zit met een probleem, ik gebruik eigenlijk altijd dit geweldige script wat random iframes toont, echter kom ik in de problemen als ik er 2 plaats op 1 webpagina:

code:

<script language="JavaScript1.2">

//Random iframe content- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, and Terms Of use, visit http://dynamicdrive.com
//This credit MUST stay intact for use

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

//Specify IFRAME display attributes
var iframeprops='width=468 height=60 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"'

//Specify random URLs to display inside iframe
var randomcontent=new Array()
randomcontent[0]="http://www.bla.com/adsense.htm"
randomcontent[1]="http://www.bla.com/tradedoubler.htm"
randomcontent[2]="http://www.bla.com/m4n.htm"
randomcontent[3]="http://www.bla.com/daisycon.htm"

//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')

function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}

window.onload=random_iframe

</script>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script language="JavaScript1.2">

//Random iframe content- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, and Terms Of use, visit http://dynamicdrive.com
//This credit MUST stay intact for use

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

//Specify IFRAME display attributes
var iframeprops='width=468 height=60 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"'

//Specify random URLs to display inside iframe
var randomcontent=new Array()
randomcontent[0]="http://www.bla.com/adsense_2.htm"
randomcontent[1]="http://www.bla.com/tradedoubler_2.htm"
randomcontent[2]="http://www.bla.com/m4n_2.htm"
randomcontent[3]="http://www.bla.com/daisycon_2.htm"

//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')

function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}

window.onload=random_iframe

</script>

Als ik er 1tje doe, werkt het prima, als ik er 2 doe van verschillende formaten onderelkaar, werkt er eentje niet meer, het lijkt mij een conflict, maar welke waarde(s) moet ik dan aanpassen om ze gescheiden te houden?

Alvast enorm bedankt

- Hans

[ Voor 0% gewijzigd door Hansje22 op 05-02-2009 22:03 . Reden: [code] tag :) ]

donderdag 5 februari 2009 21:46

Acties:

Chillosophy

Tip: gebruik de code-tags.

Lijkt erop dat de iframes allemaal hetzelfde ID krijgen. Aangezien een ID uniek is gaat dat geheid voor conflicten zorgen.

donderdag 5 februari 2009 22:03

Acties:

bredend

code:

1	document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')

Bij de tweede moet je er dan maar dynstuff2 van maken ofzo...

donderdag 5 februari 2009 22:05

Acties:

Hansje22

Topicstarter

Mja, maar toen ik bij 1 van beide dynstuff aanpaste naar dynstuff2 , was het probleem niet verholpen... ik ging er vanuit dat dat de ID was... blijkbaar dus niet?

EDIT: Mja dat ging dus niet op Bredend

[ Voor 12% gewijzigd door Hansje22 op 05-02-2009 22:06 ]

donderdag 5 februari 2009 22:54

Acties:

user109731

Die tweede window.onload zal wel je handler overschrijven

edit: om m'n JS-skills op te poetsen hier een IMHO veel elegantere oplossing (en wat minder 1998-style

):

JavaScript:

<html>
<head>
<script type="text/javascript">
var randomcontent = [
        'http://www.google.nl/',
        'http://www.tweakers.net/',
        'http://www.nu.nl/',
        'http://www.yahoo.com/'
    ];

function loadRandomPage(id, from) {
    var frame = document.getElementById(id);
    frame.src = from[Math.floor(Math.random() * from.length)];
}
window.onload = function() {
    loadRandomPage('frame1', randomcontent);
    loadRandomPage('frame2', randomcontent);
}
</script>
</head>
<body>
<iframe id="frame1"></iframe>
<iframe id="frame2"></iframe>
</body>
</html>

Ik heb randomcontent een parameter van de functie gemaakt zodat je eenvoudig verschillende lijsten kunt gebruiken

[ Voor 88% gewijzigd door user109731 op 05-02-2009 23:08 ]

donderdag 5 februari 2009 23:19

Acties:

Creepy

Tactical Espionage Splatterer

Sorry, maar hier in PRG gaat het om eigen geschreven code. Support op code die je hebt gedownload moet je in eerste instantie zoeken bij de maker. Daarnaast kan je met een beetje javascrtipt kennis best zelf uitzoeken wa tje zou aanmoeten passen. Als laaste zit je ook nog eens op de verkeerde plek (Waar hoort mijn topic?)

Ga er dus eerst eens echt zelf mee aan de slag. Lukt dat niet, neem dan eerst eens contact op met de maker.

[ Voor 53% gewijzigd door Creepy op 05-02-2009 23:20 ]

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney