Javascript in ene tabel?

[sukkelaap]

Volgensmij alles met javascript en anders alleen wat ik nu hebt in java script, word de positie bepaald via zoveel van boven en zoveel van links. Dit wil ik dus niet want ik wil dat ik dat stuk javascript gewoon in het volgende kan zetten.

<table>
<TR>
<TD>
Hier dat javascript
</td>
</tr>
</table>

Maar javascript word in dit geval geladen via zoveel van link en zoveen van boven. Kan je dit veranderen?

[WebSiteNet]

"Een stuk javascript" .....

Verder?

[mosymuis]

De enige die begrijpt waar je het over hebt, ben jezelf.

[sukkelaap]

nou kijk:

Ik heb een stuk javascript die zeg maar een plaatje weergeeft en die alsmaar verwisseld. Die wil ik op me site weergeven, maar je kan alleen instellen hoeveel pixels die van bovenaf moet staan en vanaf linksaf. Maar als je een andere resolutie hebt of je hebt het scherm niet gemaxiliceerd komt het op de vreemdste plekken te staan. Nu wil ik dus dat je met dat script niet instelt hoeveel die van boven is en vanaf links, maar dat ik met een linkje dat stuk oproept en dat die op de plaats staat waar de link staat.

Dus ik zet hier een link en daar moet dat stuk javascript met dat plaatje verschijnen en dus niet zoveel van links en zoveel van boven.

[sukkelaap]

Dit is het script:

Head

Code: Selecteer alles

<script>
<!-- Beginning of JavaScript -

// Verander hieronder de tekst, je kunt er net zoveel toevoegen als je wilt
var message = new Array()
message[0]="Deze multifunctionele ticker banner is erg handig voor op je site,ruimtebesparend,  en geeft zeker een proffessionele aanblik"
message[1]="Je kunt er zowel tekst als afbeeldingen in plaatsen en je kunt de teskt die je weergeeft een link meegeven."
message[2]="Eenvoudig aan te passen en te configureren naar eigen wensen.(grootte, positie, kleur, lettertype, aantal etc. ) echt een toppertje"

// verander hieronder de links ( evenredig aan het aantal messages )
// wil je geen link, vul dan  '#' in plaats van de  URL 
var messageurl = new Array()
messageurl[0]="http://www.leejoo.nl"
messageurl[1]="http://www.leejoo.nl"
messageurl[2]="http://www.leejoo.nl"

// de plaatjes behorende bij de messages
var messageimg = new Array()
messageimg[0]="Mariah1.jpg"
messageimg[1]="Mariah2.jpg"
messageimg[2]="Mariah3.jpg"

// verander hier niets aan
var imgpreload=new Array()
for (i=0;i<=messageimg.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=messageimg[i]
}

// uitlijning van het plaatje ten opzichte van de tekst(right or left)
var alignimg=new Array()
alignimg[0]="left"
alignimg[1]="right"
alignimg[2]="left"

// uitlijning van de message in relatie van de tekstbox (right or left)

var alignmessage=new Array()
alignmessage[0]="right"
alignmessage[1]="left"
alignmessage[2]="left"

// target waar de link in moet openen
var target_url="_new"
	
// de breedte van de ticker banner
var textwidth=280

// de hoogte van de ticker banner
var textheight=120

// de randdikte van de ticker banner
var borderwidth=0

// de grootte van het lettertype
var font_size=1

// het lettertype
var font_face="Verdana"

// de letterkleur
var font_color="blue"

// de achtergrondkleur van de ticker banner
var bg_ticker="CCFFCC"

// de  horizontale positie van de ticker banner t.o.v. de linkerkant van de pagina (in pixels )
var x_finalpos=10

// de  vertikale positie van de ticker banner t.o.v. de bovenkant van de pagina (in pixels )
var y_finalpos=10

// aantal lamellen.
var x_slices=16

// Pauze tussen de  messages (in milliseconds)
var pause=1000

// verander hieronder niets meer
var i_loop=0
var i_message=0
var width_slice=Math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var i_clipright=1
var content=""

function initiate() {
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
    if (document.all) {
	    for (i=0;i<=x_slices;i++) {
            var thisinners=eval("s"+i)
            thisinners.innerHTML=content
            var thiss=eval("document.all.s"+i+".style")
            thiss.posLeft=x_finalpos
            thiss.posTop=y_finalpos
        }
	    i_message++
	    openlamellar()
    }
	if (document.layers) {
	    for (i=0;i<=x_slices;i++) {
            var thisinners=eval("document.s"+i+".document")
            thisinners.write(content)
			thisinners.close()
            var thiss=eval("document.s"+i)
            thiss.left=x_finalpos
            thiss.top=y_finalpos
        }
	    i_message++
	    openlamellarNN()
    }
}

function openlamellar() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellar()",20)
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("closelamellar()",4000)
	}
}

function openlamellarNN() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
			thiss.clip.left=clipleft
        	thiss.clip.right=clipright
        	thiss.clip.top=cliptop
        	thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellarNN()",20)
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("closelamellarNN()",1500)
	}
}

function closelamellar() {
    clipleft=-width_slice
	clipright=0
    if (i_clipright>=0) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright--
    var timer=setTimeout("closelamellar()",20)
    
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("changeimage()",1500)
	}
}

function closelamellarNN() {
    clipleft=-width_slice
	clipright=0
    if (i_clipright>=0) {
        for (i=0;i<=x_slices;i++) {
           	var thiss=eval("document.s"+i)
			thiss.clip.left=clipleft
        	thiss.clip.right=clipright
        	thiss.clip.top=cliptop
        	thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright--
    var timer=setTimeout("closelamellarNN()",20)
    
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("changeimageNN()",1500)
	}
}

function changeimage() {
    content=""
	if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("s"+i)
        thisinners.innerHTML=content   
    }
	i_message++
	openlamellar()
}

function changeimageNN() {
    content=""
	if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("document.s"+i+".document")
        thisinners.write(content)
		thisinners.close()
    }
	i_message++
	openlamellarNN()
}

// - End of JavaScript - -->
</script>
<style>
.s {
	position:absolute;
    left:-5000px;
	topt:-5000px;
}
A {
    text-decoration:none;
}

</style>

Body:

Code: Selecteer alles

<body onLoad="initiate()">

Body:

Code: Selecteer alles

<script>
<!-- Beginning of JavaScript -
    for (i=0;i<=x_slices;i++) {
        document.write("<span id='s"+i+"' class='s'></span>")
	}
// - End of JavaScript - -->
</script>

Nus i mijn probleem dat die 10 pixels van links staat en 10 van boven, terwijl ik het op 1 vast punt heb willen staan.

[mosymuis]

Het enige wat je wilt bereiken, is het weergeven van afwisselende plaatjes? Zoek dan onmiddelijk een nieuw script, wat je nu hebt is enorme complexe rommel waar je maar een fractie van nodig hebt.

[sukkelaap]

jah ok dit was eigenlijk maar een voorbeeld