Log in

View Full Version : Marquee Text without empty part



Honky
09-02-2010, 10:10 PM
Hello. I am running a very simple html marquee Text with some images in.

I would like to get rid of the empty Part, but my knowings about html, java etc are.. well i would say i am a noob.
Thats why i am requesting some help. Hopefully anybody could explain me what i have to.
Thanks a lot

djr33
09-02-2010, 10:38 PM
How can we help without more information and a link to your page?

Honky
09-03-2010, 08:57 AM
Sry.

Here ist the code and the side http://www.brainlag.eu


<table width="200" border="0" align="center">
<marquee behavior="scroll" direction="up" scroll="continuous" valign="center" scrolldelay="3" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
<center>
<span style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:red">Next-Generation-Hosting</span>
<br />
<a href="http://ng-hosting.de/" target="_blank"><img src="http://www.ng-hosting.de/images/linkus/4.jpg" WIDTH="105" HEIGHT="40" /></a>
<img src="http://www.brainlag.eu/banner_friends/trennlinie.png">
<span style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:darkgreen">WeeD Community</span>
<br />
<a href="http://irc-stoners.de/" target="_blank"><img src="http://www.brainlag.eu/banner_friends/irc-stoners.png" WIDTH="200" /></a>
<br />
<span style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:darkgreen">at Quakenet</span>
<img src="http://www.brainlag.eu/banner_friends/trennlinie.png">
<span style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:black">Blog and More</span>
<br />
<a href="http://www.p4cm4n.de/" target="_blank"><img src="http://www.brainlag.eu/banner_friends/p4cm4n.png" WIDTH="200" /></a>

<img src="http://www.brainlag.eu/banner_friends/trenn_unten.png">
</marquee>
</center>
</table>

Honky
09-03-2010, 10:53 AM
Hello John. Thank u very much.

As i wrote before, i am quit a noob. Maybe u can help me again and writing how i can implement the following code that i will work


<span style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:red">Next-Generation-Hosting</span>
<br />
<a href="http://ng-hosting.de/" target="_blank"><img src="http://www.ng-hosting.de/images/linkus/4.jpg" WIDTH="105" HEIGHT="40" /></a>

Thank you for helping
Edit.
Thats the Code i am Using atm, but its not working


<script type="text/javascript">

/***********************************************
* SAG Content Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Specify the marquee's width (in pixels)
var marqueewidth="200px"
//Specify the marquee's height
var marqueeheight="150px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//Specify initial pause before scrolling in milliseconds
var initPause=1000
//Specify start with Full(1)or Empty(0) Marquee
var full=1
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify Break characters for IE as the two iterations
//of the marquee, if text, will be too close together in IE
var iebreak='<p></p>'

//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

//var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p></p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p></p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font><p></p>'

var marqueecontent='<font face="verdana" font-weight="700" color="red">Next-Generation-Hosting</font><p></p><a href="http://ng-hosting.de/" target="_blank"><img src="http://www.ng-hosting.de/images/linkus/4.jpg" WIDTH="105" HEIGHT="40" /></a><p></p>



////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, cross_marquee2, ns_marquee

function populate(){
if (iedom){
var lb=document.getElementById&&!document.all? '' : iebreak
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2
cross_marquee.style.top=(full==1)? '8px' : parseInt(marqueeheight)+8+"px"
cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent+lb
actualheight=cross_marquee.offsetHeight
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px" //indicates following #1
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=parseInt(marqueeheight)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
setTimeout('lefttime=setInterval("scrollmarquee()",20)',initPause)
}
if (window.addEventListener){
window.addEventListener('load', populate, false);
}
else if (window.attachEvent){
window.attachEvent('onload', populate);
}

function scrollmarquee(){

if (iedom){
if (parseInt(cross_marquee.style.top)<(actualheight*(-1)+8))
cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight+8)+"px"
if (parseInt(cross_marquee2.style.top)<(actualheight*(-1)+8))
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px"
cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px"
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
}

else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=parseInt(marqueeheight)+8
}
}

if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div><div id="iemarquee2" style="position:absolute;left:0px;top:0px;width:100%;z-index:100;background:white;">')
write('</div></div>')

}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script>
</body>
</html>

jscheuer1
09-03-2010, 02:40 PM
You forgot the closing single quote (') at the end of the marqueecontent variable.

Why not go for all of what you had though? That one bit of text and image isn't enough to fill out a marquee of that height anyway.

Here's a demo with your original content:


<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#iemarquee, #iemarquee2 {
text-align: center;
}
</style>
</head>
<body>
<script type="text/javascript">

/***********************************************
* SAG Content Scroller- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Specify the marquee's width (in pixels)
var marqueewidth="200px"
//Specify the marquee's height
var marqueeheight="150px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//Specify initial pause before scrolling in milliseconds
var initPause=1000
//Specify start with Full(1)or Empty(0) Marquee
var full=1
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify Break characters for IE as the two iterations
//of the marquee, if text, will be too close together in IE
var iebreak='<p></p>'

//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

//var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p></p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p></p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font><p></p>'

var marqueecontent='<div><div style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:red">Next-Generation-Hosting</div><br /><a href="http://ng-hosting.de/" target="_blank"><img src="http://www.ng-hosting.de/images/linkus/4.jpg" WIDTH="105" HEIGHT="40" /></a><img src="http://www.brainlag.eu/banner_friends/trennlinie.png"><div style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:darkgreen">WeeD Community</div><br /><a href="http://irc-stoners.de/" target="_blank"><img src="http://www.brainlag.eu/banner_friends/irc-stoners.png" WIDTH="200" /></a><br /><div style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:darkgreen">at Quakenet</div><img src="http://www.brainlag.eu/banner_friends/trennlinie.png"><div style="font-family:Verdana;font-size:14px;font-style:normal;font-weight:bold;color:black">Blog and More</div><br /><a href="http://www.p4cm4n.de/" target="_blank"><img src="http://www.brainlag.eu/banner_friends/p4cm4n.png" WIDTH="200" /></a><img src="http://www.brainlag.eu/banner_friends/trenn_unten.png"></div>'



////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, cross_marquee2, ns_marquee

function populate(){
if (iedom){
var lb=document.getElementById&&!document.all? '' : iebreak
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2
cross_marquee.style.top=(full==1)? '8px' : parseInt(marqueeheight)+8+"px"
cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent+lb
actualheight=cross_marquee.offsetHeight
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px" //indicates following #1
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=parseInt(marqueeheight)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
setTimeout('lefttime=setInterval("scrollmarquee()",20)',initPause)
}
if (window.addEventListener){
window.addEventListener('load', populate, false);
}
else if (window.attachEvent){
window.attachEvent('onload', populate);
}

function scrollmarquee(){

if (iedom){
if (parseInt(cross_marquee.style.top)<(actualheight*(-1)+8))
cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight+8)+"px"
if (parseInt(cross_marquee2.style.top)<(actualheight*(-1)+8))
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px"
cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px"
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
}

else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=parseInt(marqueeheight)+8
}
}

if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div><div id="iemarquee2" style="position:absolute;left:0px;top:0px;width:100%;z-index:100;background:white;">')
write('</div></div>')

}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script>
</body>
</html>

Note: For some reason that I'm not sure of, the spans in your content were causing problems. I changed them to divs and that seems to work fine.

Honky
09-03-2010, 03:01 PM
Thank u very much ;) Works now