Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

How to Input a extern file into a html document.

Posted on 2001-06-16
5
Medium Priority
?
157 Views
Last Modified: 2010-04-09
Well here we go, one of my "seems to be hard but is easy" question.
I have a part of a html document looking like that:

.
.
.
<table cellpadding=0 cellspacing=0 border=0 width=180>
          <tr><td><td></tr>
<tr><td background="pix/short_section_bar_bg.gif" height=14 valign=center>
&nbsp;&nbsp;.: Special :.
</td></tr>
</table>
               
<table cellpadding=2 border=0 width=180 bgcolor=#827968>
        <TBODY>
<tr><td width=180>
<script language="JavaScript">
<!--
i=Math.floor(Math.random()* 4 );
switch(i)
{
case 0:
document.write("<img src='random/image1.jpg'>");
break;
case 1:
document.write("<img src='random/image2.jpg'>");
break;
case 2:
document.write("<img src='random/image3.jpg'>");
break;
case 3:
document.write("<img src='random/image4.jpg'>");
break;
case 4:
document.write("<img src='random/image5.jpg'>");
break;
case 5:
document.write("<img onmouseover='color(this)' onmouseout='gray(this)' src='random/image6.jpg'>");
break;
}//-->
</script>
</center>

</td></tr>
</TBODY>
</table>
.
.
.

AND i want this small script not really IN the html file, i want something like that in the Html File:

.
.
.
<script language="?Html?" src="scripts/special.js">
</script>
.
.
.

When the User starts the *.html file, the script should be loaded like above.
I need this script for my website: www.speedlight.de
Because i dont use any frames and i want easily change a part of the pages (its not easy to understand ;-))
Well, hope you understand!
Thank
You
Consti
0
Comment
Question by:Consti
  • 3
  • 2
5 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6198095
Put this in a file called scripts/special.js
i=Math.floor(Math.random()* 4 );
switch(i)
{
case 0:
document.write("<img src='random/image1.jpg'>");
break;
case 1:
document.write("<img src='random/image2.jpg'>");
break;
case 2:
document.write("<img src='random/image3.jpg'>");
break;
case 3:
document.write("<img src='random/image4.jpg'>");
break;
case 4:
document.write("<img src='random/image5.jpg'>");
break;
case 5:
document.write("<img onmouseover='color(this)' onmouseout='gray(this)' src='random/image6.jpg'>");
break;
}
Then remove the scripting from the page and just put in:

<script language="JavaScript" src="scripts/special.js">
</script>


The code on the page will look like this:
<table cellpadding=0 cellspacing=0 border=0 width=180>
<tr><td><td></tr>
<tr><td background="pix/short_section_bar_bg.gif" height=14 valign=center>
&nbsp;&nbsp;.: Special :.
</td></tr>
</table>

<table cellpadding=2 border=0 width=180 bgcolor=#827968>
<TBODY>
<tr><td width=180>
<script language="JavaScript" src="scripts/special.js">
</script>

</center>

</td></tr>
</TBODY>
</table>

The code in the .js file will get executed during the load to generate the
other code.

Cd&
0
 

Author Comment

by:Consti
ID: 6198324
And when i just want to input some text?
A non-Javascript thing?
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 200 total points
ID: 6198372
Three options:

Client side is with js files.

server side you can generate dynamically with script or if the server is configured for includes you can bring them in with:

<!--#include file="filename.shtml"-->

To use includes the server must be configured to recognize them.  

Cd&
0
 

Author Comment

by:Consti
ID: 6198604
Thank You
//Visit www.speedlight.de to see the script in action ;-) lol
Consti
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6198614
I can't read because I don't know German, but it looks great.  Glad I could help.  Thanks for the A. :^)

Cd&
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

963 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question