Results 1 to 6 of 6

Thread: Marquee Text without empty part

  1. #1
    Join Date
    Sep 2010
    Posts
    15
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Marquee Text without empty part

    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

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    How can we help without more information and a link to your page?
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Sep 2010
    Posts
    15
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Sry.

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

    Code:
    <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>

  4. #4
    Join Date
    Sep 2010
    Posts
    15
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    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

    Code:
    <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

    Code:
    <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>
    Last edited by Honky; 09-03-2010 at 12:17 PM.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    <!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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Sep 2010
    Posts
    15
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thank u very much Works now

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •