WordPress.org

Ready to get started?Download WordPress

Forums

js widget display trouble (2 posts)

  1. dennisroliff
    Member
    Posted 6 months ago #

    Hi,

    I've gone to a website that supplies custom countdown widgets (html with javascript), configured a widget, copied the code, added it to the home page of one of my WP blogs using the 'text' tab (copy/pasted the code) and it's not displaying. As a matter of fact, WordPress seems to delete the js code. My theme is Metronome. I successfully displayed a js widget last year at this time, although not sure it was from the same website. There is no fee for these widgets. When I put together a page in PageSpinner, the widget displays fine. Does anyone have any idea what the issue might be?

    Here's the code:

    <div style="border: 1px solid black; width: 650px; height: 330px; padding: 50px 0px 0px 0px; margin: 15px 0px 0px; background-image:url('http://dennisroliff.com/samples/web/springcountdown2014.jpg'); background-repeat: no-repeat;" align="center">
    <div style="width: 380px; height: 40px;  padding-top: 8px; border: 1px solid rgb(204, 204, 204); text-align: center; color: rgb(255, 255, 255); font-family: arial; font-weight: 100; font-size: 26px; background-color: #0099cc; margin: 0px 0px 30px 0px;" align="center"><a style="text-decoration: none; font-size: inherit; color: rgb(255, 255, 255);" href="http://mycountdown.org/Other/Spring/">Carol's Countdown to Spring</a></div><script src="http://mycountdown.org/countdown.php?cp2_Hex=0099cc&cp1_Hex=FFFFFF&img=-1&hbg=&fwdt=270&lab=0&ocd=Spring&text1=Spring&text2=Spring&group=Other&countdown=Spring&widget_number=3015&timezone=UTC&rep=4" type="text/javascript"></script>
    </div>

    Thanks.

    Dennis

  2. dennisroliff
    Member
    Posted 6 months ago #

    Hi,

    I've found the countdown widget website I used last year. It looks like it uses flash and embed, object tags so it probably won't be mobile device/tablet friendly. But at least the widget displays on a desktop or laptop. I'd still like to know why the javascript widget wouldn't display.

    Here's the code for the current widget:

    <div style="border: 1px solid black; width: 650px; height: 330px; padding: 20px 0px 0px 0px; margin: 15px 0px 0px; background-image:url('http://dennisroliff.com/samples/web/springcountdown2014.jpg'); background-repeat: no-repeat;" align="center">
    <div style="width: 380px; height: 40px;  padding-top: 8px; border: 1px solid rgb(204, 204, 204); text-align: center; color: rgb(255, 255, 255); font-family: arial; font-weight: 100; font-size: 26px; background-color: #0099cc; margin: 0px 0px 20px 0px;" align="center"><a style="text-decoration: none; font-size: inherit; color: rgb(255, 255, 255);" href="http://mycountdown.org/Other/Spring/">Carol's Countdown to Spring</a></div>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="cdtw" style="outline:none" width="350" height="240"><param name="movie" value="http://countingdownto.com/c/w.swf"/><param name="flashvars" value="eid=449108&fmt=f1"/><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent"/><embed name="cdtw" src="http://countingdownto.com/c/w.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="350" height="240" flashvars="eid=449108&fmt=f1" wmode="transparent" style="outline:none"/></embed></object>
    </div>

    Dennis

Reply

You must log in to post.

About this Topic

Tags