Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: Letterspacing

  1. #1
    New to the CF scene
    Join Date
    Dec 2003
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Letterspacing

    Greeting to everyone.

    I am kind of new here and need some help please.
    I am trying to put some letterspacing in this scroller but it wont just work. I also need the links to be opened in a new window.

    Would be nice with some help. Thank you in advance






    <script language="JavaScript1.2">

    /*
    Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
    For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
    Credit MUST stay intact
    */

    //Specify the marquee's width (in pixels)
    var marqueewidth="300px"
    //Specify the marquee's height
    var marqueeheight="25px"
    //Specify the marquee's marquee speed (larger is faster 1-10)
    var marqueespeed=2
    //configure background color:
    var marqueebgcolor="#DEFDD9"
    //Pause marquee onMousever (0=no. 1=yes)?
    var pauseit=1

    //Specify the marquee's content (don't delete <nobr> tag)
    //Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

    var marqueecontent='<nobr><font face="Arial">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>'


    ////NO NEED TO EDIT BELOW THIS LINE////////////
    marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
    var copyspeed=marqueespeed
    var pausespeed=(pauseit==0)? copyspeed: 0
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
    var actualwidth=''
    var cross_marquee, ns_marquee

    function populate(){
    if (iedom){
    cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
    cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
    cross_marquee.innerHTML=marqueecontent
    actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
    }
    else if (document.layers){
    ns_marquee=document.ns_marquee.document.ns_marquee2
    ns_marquee.left=parseInt(marqueewidth)+8
    ns_marquee.document.write(marqueecontent)
    ns_marquee.document.close()
    actualwidth=ns_marquee.document.width
    }
    lefttime=setInterval("scrollmarquee()",20)
    }
    window.onload=populate

    function scrollmarquee(){
    if (iedom){
    if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
    cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
    else
    cross_marquee.style.left=parseInt(marqueewidth)+8+"px"

    }
    else if (document.layers){
    if (ns_marquee.left>(actualwidth*(-1)+8))
    ns_marquee.left-=copyspeed
    else
    ns_marquee.left=parseInt(marqueewidth)+8
    }
    }

    if (iedom||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
    if (iedom){
    write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
    write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
    write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script>

  • #2
    Senior Coder Nightfire's Avatar
    Join Date
    Jun 2002
    Posts
    4,265
    Thanks
    6
    Thanked 48 Times in 48 Posts
    Change
    Code:
    var marqueecontent='<nobr><font face="Arial">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>'
    to
    Code:
    var marqueecontent='<nobr><font face="Arial" style="letter-spacing:3px">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm" target="_new">click here.</a> Enjoy your stay!</font></nobr>'

  • #3
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Or even...
    Code:
    <p style="white-space: no-wrap; font-family: arial; letter-spacing: 3px">...</p>
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #4
    New to the CF scene
    Join Date
    Dec 2003
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Wow

    Thanks a lot you guys for the great help.

    Works great.

    Just wondering how I could open links in a new window in the script like below?

    -----------------------------------------------------------------------------

    <style>
    <!--
    .scrollerstyle{
    font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;
    }
    -->
    </style>

    <script language="javascript">

    //News Bar script- By Premshree Pillai (premshree@hotmail.com)
    //http://www.qiksearch.com/javascripts.htm
    //Enhancements by Dynamic Drive
    //Visit http://www.dynamicdrive.com for this script

    var msgs = new Array(
    "Click here to go back to Dynamic Drive",
    "JavaScript Kit- free scripts and tutorials",
    "Freewarejava.com",
    "Wired News- Technology and beyond",
    "Qiksearch.com" ); // No comma after last ticker msg

    var msg_url = new Array(
    "http://www.dynamicdrive.com",
    "http://www.javascriptkit.com",
    "http://freewarejava.com",
    "http://www.wired.com",
    "http://www.qiksearch.com" ); // No comma after last ticker url

    var barwidth='350px' //Enter main bar width in px or %
    var setdelay=3000 //Enter delay between msgs, in mili-seconds
    var mouseover_color='#E1FFE1' //Specify highlight color
    var mouseout_color='#FFFFFF' //Specify default color
    /////////////////////////////////////////////////////////////////////

    var count=0;
    var ns6=document.getElementById&&!document.all
    var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

    if (ie4||ns6){
    document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22px; height:22px; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:#FFFFFF; width:'+barwidth+'; height:22px; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22px; height:22px; border-left-width:0px;" name="next" title="Next News"></form>');
    }
    else{
    document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
    if (navigator.userAgent.indexOf("Opera")!=-1)
    document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
    else
    document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
    document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
    }

    function init_news_bar(){
    document.news_bar.news_bar_but.value=msgs[count];
    }
    //moveit function by Dynamicdrive.com
    function moveit(how){
    if (how==1){ //cycle foward
    if (count<msgs.length-1)
    count++
    else
    count=0
    }
    else{ //cycle backward
    if (count==0)
    count=msgs.length-1
    else
    count--
    }
    document.news_bar.news_bar_but.value=msgs[count];
    }

    setInterval("moveit(1)",setdelay)

    function goURL(){
    location.href=msg_url[count];
    }

    init_news_bar();

    </script>

  • #5
    Regular Coder
    Join Date
    Jul 2003
    Location
    Massachusetts
    Posts
    472
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Change this:
    Code:
    function goURL(){
    location.href=msg_url[count];
    }
    To this:
    Code:
    function goURL()
    {
    	window.open(msg_url[count], '', '');
    }

  • #6
    New to the CF scene
    Join Date
    Dec 2003
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    WOWWWW

    This is just great guys.

    You people are the gods of codes, thanks a million for the super fast reply.

    The code works like a charm and thanks a lot.


  • #7
    Regular Coder
    Join Date
    Jul 2003
    Location
    Massachusetts
    Posts
    472
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You're quite welcome.


  •  

    Posting Permissions

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