geen spaties

Status
Niet open voor verdere reacties.
P

proesmans

Gebruiker
Lid geworden
1 mei 2005
Berichten
147
als je kijkt naar men website dan kan je zien dat er tussen de titel foxx and the lady (javascript) en de tekst met de bunderfuif afbeelding vrijveel plaats tussen is. Maar hoe kan ik

dat nu dicher onder elkaar zetten?? dus minder spatie tussen dat javascriptje (titel) en de tekst eronder. Hier men code en de site:
www.foxxandthelady.tk

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 2</title>
<base target="_self">
</head>

<body bgcolor="#000000">

<p>&nbsp;</p>

<p><!--webbot bot="HTMLMarkup" startspan --><!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>Vliegende tekst</title>
<!--This page created on Tuesday, September 05, 2006 -->

<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">

<META name="description" content="starting with arachnophilia the html editor">
<META name="keywords" content="arachno, html, updat, email, content, starting, homepage">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<STYLE TYPE="text/css">
<!--
}
-->
</STYLE>

</HEAD>
<body >

<br>

</div>
<left><p><font size= "5" color="#FF9933"><h2 id="fly" class="tomat"> Foxx And The Lady</h2></font>
<h2>


<script language="JavaScript1.2">

//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit http://www.dynamicdrive.com

//Configure message to display. Use "$" for linebreak
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds

var txt="",
num=0,
num4=0,
flyofle="",
flyofwi="",
flyofto="",
fly=document.getElementById("fly");


function stfly() {
for(i=0;i != message.length;i++) {
if(message.charAt(i) != "$")
txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
else
txt += "<br>";
}
fly.innerHTML = txt;
txt = "";
flyofle = fly.offsetLeft;
flyofwi = fly.offsetWidth;
flyofto = fly.offsetTop;
fly2b();
}

function fly2b() {
if(num4 != message.length) {
if(message.charAt(num4) != "$") {
var then = document.getElementById("n" + num4);
then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
then.style.top = flyofto - then.offsetTop + distance;
fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
}
num4++;
setTimeout("fly2b()", speed);
}
}

function fly3(target,lef2,num2,top2,num3) {
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
if(lef2 >= 0)
lef2 -= num2;
else
lef2 += num2 * -1;
if(Math.floor(lef2) != -1) {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2);
} else {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2 + 1);
}
if(lef2 >= 0)
top2 -= num3
else
top2 += num3 * -1;
if(Math.floor(top2) != -1)
document.getElementById(target).style.top = Math.floor(top2);
else
document.getElementById(target).style.top = Math.floor(top2 + 1);
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
}
}

stfly()

</script>
<br>

</center>
<br>
<br>

</body>

</html> <!--webbot bot="HTMLMarkup" endspan -->
</p>
<p><font color="#FF9933" size="4">Komende optredens:<br>
29 September : Bunderfuif</font></p>
<p><img border="0" src="Affiches/bf2006_2.JPG" width="460" height="313"></p>

</body>
</html>
 
Ik heb er totaal geen verstand van maar ik zie dit staan;

message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)

Wat als je van distance een lager getal maakt?
 
Eerst en vooral heb je twee keer de html-tags, de body-tags en de head-tags, terwijl dat allemaal maar 1 keer nodig is.
Tweede punt is dat je het javascript best in de head van het document zet..
Nummer drie is het volgende : op het einde van het javascript staat "stfly();"
Dat kan je in de body-tag als volgt zetten ipv in het script : onLoad="stfly();"
Resultaat is dan : <body onLoad="stfly();">
Er staan ook enkele breaks teveel in de body

Hier komt de opgeschoonde html :
PHP: 
<html>

<head>
<title>New Page 2</title>
<title>Vliegende tekst</title>
<!--This page created on Tuesday, September 05, 2006 -->

<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">

<META name="description" content="starting with arachnophilia the html editor">
<META name="keywords" content="arachno, html, updat, email, content, starting, homepage">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<script language="JavaScript1.2">

//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit http://www.dynamicdrive.com

//Configure message to display. Use "$" for linebreak
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds

var txt="",
num=0,
num4=0,
flyofle="",
flyofwi="",
flyofto="",
fly=document.getElementById("fly");


function stfly() {
for(i=0;i != message.length;i++) {
if(message.charAt(i) != "$")
txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\span>";
else
txt += "<br>";
}
fly.innerHTML = txt;
txt = "";
flyofle = fly.offsetLeft;
flyofwi = fly.offsetWidth;
flyofto = fly.offsetTop;
fly2b();
}

function fly2b() {
if(num4 != message.length) {
if(message.charAt(num4) != "$") {
var then = document.getElementById("n" + num4);
then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
then.style.top = flyofto - then.offsetTop + distance;
fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
}
num4++;
setTimeout("fly2b()", speed);
}
}

function fly3(target,lef2,num2,top2,num3) {
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
if(lef2 >= 0)
lef2 -= num2;
else
lef2 += num2 * -1;
if(Math.floor(lef2) != -1) {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2);
} else {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2 + 1);
}
if(lef2 >= 0)
top2 -= num3
else
top2 += num3 * -1;
if(Math.floor(top2) != -1)
document.getElementById(target).style.top = Math.floor(top2);
else
document.getElementById(target).style.top = Math.floor(top2 + 1);
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
}
}
</script>
<base target="_self">
</head>

<body bgcolor="#000000" onLoad="stfly();">
<center>font size= "5" color="#FF9933"><h2 id="fly" class="tomat"> Foxx And The Lady</h2></font>
<p><font color="#FF9933" size="4">Komende optredens:<br>
29 September : Bunderfuif</font></p>
<p><img border="0" src="Affiches/bf2006_2.JPG" width="460" height="313"></p>
</center>
</body>
</html>
Zo zou het moeten zijn denk ik.

Greetz : Jer:cool:en.
 
ik probeer het scriptje te centreren maar dat lukt ook al niet ??!!!!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan