extern script aanroepen

Status
Niet open voor verdere reacties.

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
.js, ik kan een script niet aanroeen

het is een javascriptje een .js bestan

ik heb een site met een tabel ik wil hem links vertonen

wie kent dit probleem
 
Ik mis de complete regel waar je hem mee aan roept.
ook misschien handig om een live voorbeeld te geven.
 
best Wouter

<link rel="javascript" href="bestandsnaam.js" type="text/javascript">


ik wil deze
<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000: Scrolls: News Scroller</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="Dion (yobo42@hotmail.com)">
<META NAME="section" CONTENT="Scrolls">
<META NAME="description" CONTENT="Scrolling words along the bottom of the page is cool and all, but this one takes the cake.... You can scroll text, links, images, buttons, basically anything you want, in a little news like box on your site. And, you can have as many 'messages' as you want. Amazing!">

<SCRIPT LANGUAGE="JavaScript">
var blank = "..img/blank.gif";

topedge = 130; // location of news box from top of page
leftedge = 10; // location of news box from left edge
boxheight = 150; // height of news box
boxwidth = 210; // width of news box
scrollheight = 240; // total height of all data to be scrolled

function scrollnews(cliptop) {
if (document.layers) {
newsDiv = document.news;
newsDiv.clip.top = cliptop;
newsDiv.clip.bottom = cliptop + boxheight;
newsDiv.clip.left = 0;
newsDiv.clip.right = boxwidth + leftedge;
newsDiv.left = leftedge;
newsDiv.top = topedge - cliptop;
}
else {
newsDiv = news.style;
newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)";
newsDiv.pixelLeft = leftedge;
newsDiv.pixelTop = topedge - cliptop;
}
cliptop = (cliptop + 1) % (scrollheight + boxheight);
newsDiv.visibility='visible';
setTimeout("scrollnews(" + cliptop + ")", 150);
}
// End -->
</script>
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff OnLoad="scrollnews(0)">

<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>


<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE="helvetica,arial,geneva">
<br>
<br>
<div ID="news" style="position:absolute; visibility:hidden;
top:1; left:1; height:600;
clip:rect(10,100,100,10); border-width:0px;">
<table border=0 cellpadding=1 cellspacing=0 bgcolor="white">
<tr>
<td>
<script language="javascript">
document.write('<img src=' + blank + ' width=1 height='+boxheight+'>');
</script>
</td>
</tr>
<tr>
<td>

<!-- Your News Items are Here -->

Welkom op mijn fotopagina<br>
hier vind je mijn mooiste foto's<br>
en kan je berichten plaatsen in mijn gastenboek<br>
hier wordt de nieuwste updates<br>
van de site vermeld<br>

<a href="mailto:yobo42@hotmail.com">yobo42@hotmail.com</a>

<!-- End Of Your News Items -->


&lt;BODY OnLoad="scrollnews(0)"&gt;

&lt;!-- STEP THREE: Copy this code into the BODY of your HTML document --&gt;

&lt;div ID="news" style="position:absolute; visibility:hidden;
top:1; left:1; height:600;
clip:rect(10,100,100,10); border-width:0px;"&gt;
&lt;table border=0 cellpadding=1 cellspacing=0 bgcolor="white"&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;script language="javascript"&gt;
document.write('&lt;img src=' + blank + ' width=1 height='+boxheight+'&gt;');
&lt;/script&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;

&lt;!-- Your News Items are Here --&gt;

This news scroller begins&lt;br&gt;
Displaying text and images&lt;br&gt;
From the bottom of the box&lt;br&gt;
And restarts when all the&lt;br&gt;
Information scrolls above&lt;br&gt;
The top of the box.&lt;br&gt;&lt;br&gt;
Any HTML page content can&lt;br&gt;
Be used in this Javascript&lt;br&gt;
Scroller.&lt;br&gt;
&lt;br&gt;
&lt;a href="mailto:yobo42@hotmail.com"&gt;yobo42@hotmail.com&lt;/a&gt;

&lt;!-- End Of Your News Items --&gt;

&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;script language="javascript"&gt;
document.write('&lt;img src=' + blank + ' width=1 height='+boxheight+'&gt;');
&lt;/script&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;



&lt;!-- Script Size: 2.71 KB --&gt;</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>

wil ik in de linkste table
bij mij komt er alleen tekst en dus rekt dat tabel helemaal uit
ik ben niet zo'n held in html en had deze code van het internet



<html>
<head>
<!-- #BeginEditable "doctitle" -->
<title>Free Dreamweaver Templates from Entheosweb.com </title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html;">
<script language="JavaScript">
<!--
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<link rel="stylesheet" href="../styles.css" type="text/css">
</head>
<body bgcolor="#C0CDE4" onLoad="MM_preloadImages('../images/button1_f2.jpg','../images/button2_f2.jpg','../images/button3_f2.jpg','../images/button4_f2.jpg','../images/button5_f2.jpg')" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="116">
<tr>
<td valign="top" width="99%" bgcolor="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="116">
<tr>
<td bgcolor="#000000" valign="bottom" height="114"><img src="file:///C|/Users/jeroen/Documents/Mijn websites/personal/images/dominique/titel.jpg" width="965" height="98"></td>
</tr>
<tr>
<td valign="bottom" height="2" bgcolor="#000000"><img src="../images/spacer.gif" width="1" height="2"></td>
</tr>
</table>
</td>
<td valign="top" width="202" bgcolor="#003093"><span class="text"><img src="file:///C|/Users/jeroen/Documents/Mijn websites/personal/images/dominique/afb 1.jpg" alt="" width="201" height="149" /></span></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="18" bgcolor="#000000">
<tr>
<td valign="top" nowrap><a href="../index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button1','','../images/button1_f2.jpg',1)" ><img name="button1" src="../images/button1.jpg" width="72" height="18" border="0"></a><a href="../html/album.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button2','','../images/button2_f2.jpg',1)" ><img name="button2" src="../images/button2.jpg" width="80" height="18" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button3','','../images/button3_f2.jpg',1)" ><img name="button3" src="../images/button3.jpg" width="72" height="18" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button4','','../images/button4_f2.jpg',1)" ><img name="button4" src="../images/button4.jpg" width="80" height="18" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button5','','../images/button5_f2.jpg',1)" ><img name="button5" src="../images/button5.jpg" width="87" height="18" border="0"></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="416">
<tr>
<td valign="top" bgcolor="#000000" height="394">
<table width="100%" border="0" cellspacing="0" cellpadding="25" height="100%">
<tr>
<td valign="top" width="100"><img src="../images/spacer.gif" width="100" height="1"></td>
<td valign="top" width="88%" class="text"> <!-- #BeginEditable "content" -->{content}<!-- #EndEditable --></td>
<td valign="top" width="100"><img src="../images/spacer.gif" width="100" height="1"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="middle" bgcolor="#F0F5FF" height="20" align="center" class="text">Copyright
&copy; 2003 www.YourCompanyName.com. All Rights Reserved. Designed by <a href="http://www.entheosweb.com/" class="whitetext" target="_blank">Entheosweb.com
</a> </td>
</tr>
<tr>
<td valign="top" bgcolor="#5476C0" height="2"><img src="../images/spacer.gif" width="1" height="2"></td>
</tr>
</table>
</body>
</html>


grag advies
 
Laatst bewerkt:
Oeps,
Ik heb via Google even de originele pagina van het script opgeduikeld:
... en dan blijkt dat deze scroller een zwaar verouderd script gebruikt (de pagina blijkt ook lang geleden op internet geplaatst te zijn: zondag 25 maart 2001 om 18:04:02; sindsdien geen updates). Het ziet er o.a. heel anders uit in Firefox dan in Internet Explorer.
Ik denk dat je dit script beter niet kunt gebruiken.

Je kunt dit eens proberen:
HTML:
<marquee height="80" width="200" direction="up" scrollamount="1" 
   style="border: 1px dotted green; padding: 5px">
   <h1>Welkom</h1>
   <p>Welkom op mijn fotopagina:<br>
   hier vind je mijn mooiste foto's<br>
   en kan je berichten plaatsen in mijn gastenboek;<br>
   hier worden de nieuwste updates<br>
   van de site vermeld.</p>
</marquee>
en daarbij het hele script weglaten. :)
De css kan je natuurlijk naar smaak aanpassen.
Gaat dat beter?

met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
beste csshunter

ik zal uw code aan mijn site toevoegen
weet u toevallig ook hoe ik het extern kan maken en aan kan roepen in DW?
 
dan maak ik een bestand

punt js, zeg maar newsscroll, dat word mijn html niet eindeloos en onoverzichtelijk
 
Aha,
Dan kan je er beter een .htm of .txt bestandje van maken, en dat met php tevoorschijn roepen.

Net alsof je er een menu in lijmt zoals hier.

Met vriendelijke groet,
CSShunter

(nu moet ik een treintje halen, kan niet meteen meer antwoorden)
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan