Register or log in - lost password?

Username Password

Forums
Feed Informer Support

1. lawilson2
   Member

   I set up this scrolling text box to test it out on a site. http://app.feeddigest.com/digest3/QWW1PPYIV8.html

   It works via the link above, but not when the javascript code is embedded into my site. Is something wrong with this feature?

   Posted 17 years ago #

2. peter
   Member

   Ah.. I think I'll need to drop that template. I added it in rather a hurry, but you're right.. it's an HTML-only thing unfortunately. The reason is that the effect uses JavaScript to work, but enclosing JavaScript within Javascript breaks it.

   Do you have the capability to use the PHP code instead? It's possible to make normal .html files contain PHP so it might be workable :) Otherwise.. in theory you can copy and paste the scroller code separately and tweak your template to just output the digest section and it'd work, but it'll require a little editing.

   Posted 17 years ago #

3. dragonscavern
   Member

   Please don't drop this template. I'm using the php version on my site; http://www.dragonscavern.co.uk/start.php and it's working just fine!

   Posted 17 years ago #

4. peter
   Member

   Oh, even if I deleted it from the listing, it doesn't mean it'd break any pre-existing usages :) Template code is stored separately for every digest, so even if we make changes to templates, they don't reflect and change anything you already have going on.

   Perhaps adding a note to this template to specify its anti-JS properties will be a better course of action though.

   Posted 17 years ago #

5. mashuptown
   Member

   ya real problems with using this on my blog in a side bar.

   don't you have simple html code that will allow someone to use the digest in a sidebar (i use typepad)

   thanks.

   Posted 17 years ago #

6. admin
   Key Master

   mashuptown: Just use our JavaScript code, but don't use the scrolling template. All of the other templates will work okay.

   If using a scrolling template is absolutely essential, this is possible to do with some tweaking in the manual view. I think all you'd need to do is copy and paste the JavaScript scroller code from the header template into your actual page template at TypePad, and then remove it from the FeedDigest header.

   Posted 17 years ago #

7. mashuptown
   Member

   admin,

   thanks for the 411. put java script into side bar. it shows up but does not scroll :(
   you can see at http://www.mashuptown.com left column near bottom.

   upgraded account anyway. hope i can get this working.

   thx.

   Posted 17 years ago #

8. admin
   Key Master

   You just have the plain digest on your page now, hence no scrolling. You still need to extract the scrolling JavaScript from the scrolling template and place that on to your TypePad template as well (and keep the rest of the template intact).

   Posted 17 years ago #

9. mashuptown
   Member

   admin,

   thanks for your help. don't want to change the template - most likely will f things up for rest of the site.

   raising the white flag. will settle for plain digest.

   if anyone has other suggestions lemme know.

   Posted 17 years ago #

10. admin
    Key Master

    In theory all you need to do is paste this in your TypePad template DIRECTLY ABOVE the JavaScript call to FeedDigest:

    <style type="text/css">

    #marqueecontainer{
    position: relative;
    width: 200px; /*marquee width */
    height: 200px; /*marquee height */
    background-color: white;
    overflow: hidden;
    border: 3px solid orange;
    padding: 2px;
    padding-left: 4px;
    }

    </style>

    <script type="text/javascript">

    /***********************************************
    * Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/

    var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
    var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
    var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

    ////NO NEED TO EDIT BELOW THIS LINE////////////

    var copyspeed=marqueespeed
    var pausespeed=(pauseit==0)? copyspeed: 0
    var actualheight=''

    function scrollmarquee(){
    if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) //if scroller hasn't reached the end of its height
    cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" //move scroller upwards
    else //else, reset to original position
    cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
    }

    function initializemarquee(){
    cross_marquee=document.getElementById("vmarquee")
    cross_marquee.style.top=0
    marqueeheight=document.getElementById("marqueecontainer").offsetHeight
    actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
    if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
    cross_marquee.style.height=marqueeheight+"px"
    cross_marquee.style.overflow="scroll"
    return
    }
    setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
    }

    if (window.addEventListener)
    window.addEventListener("load", initializemarquee, false)
    else if (window.attachEvent)
    window.attachEvent("onload", initializemarquee)
    else if (document.getElementById)
    window.onload=initializemarquee

    </script>

    <div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
    <div id="vmarquee" style="position: absolute; width: 98%;">

    And then this below..

    </div>
    </div>

    ..

    Do not copy this from above in case the forum software has messed it up. However, this code is available to copy and paste from your digest edit panel when using the Scrolling Box template.

    Posted 17 years ago #

11. admin
    Key Master

    Or less difficult than that..

    Put this code in your page instead:

    <iframe src="http://app.feeddigest.com/digest3/PUTYOURDIGESTIDHERE.html" width="200" height="300"></iframe>

    This will let you include the HTML version successfully. Make sure to use the right URL in there (copy and paste from the existing JavaScript call and then change the .js to .html)

    Posted 17 years ago #

12. mashuptown
    Member

    admin:

    mad props. that is exactly the simple code I was looking for. need to adjust the widths and such but now it works!

    thx.

    rt

    Posted 17 years ago #

13. mashuptown
    Member

    except now when you click on 'read more' a new page does not open up and the link opens up in the iframe :(

    edit: fixed it with a <base target="_blank">

    thx.

    Posted 17 years ago #

14. admin
    Key Master

    Excellent! :)

    Posted 17 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.