Javascript in a block

Sergeant Joined: Feb 12, 2003 Posts: 82 Location: USA

I have read about 20 posts and answers on this, but for some reason I can't seem to add this javascript into a block. Here is the code I am using:

Code:

$content = <<< _HTMLCODE_

<script src='http://voap.weather.com/weather/oap/62966?template=GENXV&par=1002610984&unit=0&key=004e1ac7cecedbc08164cf593611278a '></script>

_HTMLCODE_;

What am I missing here? Do I need to add anything else to the block? Just want to show the weather for my area in a block. Don't want to call on any module or anything else.

Whoa...got a chick avatar? What's up with that?

Thanks in advance

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

You have a space after the _HTMLCODE_. That is expressedly forbidden and I emphasize that in my posts. Remove the space and only have a carriage return. Then it should work Wink

Sergeant Joined: Feb 12, 2003 Posts: 82 Location: USA

Thank you Raven!

Although the code didn't work just by going to the add a new block section in the admin and pasting it there, it did work with me opening up the sample block and adding the code there.

I just uploaded that block to my server changing the name to "block_localweather.php" and Shazam! it works perfectly.

Thanks again.

Now, how about a real challange. Care to try with multiple scripts? Look at the next post.

Gotta get rid of this chick avatar.....

Sergeant Joined: Feb 12, 2003 Posts: 82 Location: USA

Think I can eventually get this in a block or maybe in the content section?

Code:

<style type='text/css'>

.morehl {
   font-family: Verdana,Gevena,Arial,sans-serif !important;
   font-size: 11px !important;
   color: #003399 !important;
   font-weight: bold !important;
   font-style: normal !important;
   text-decoration: underline !important;
}

A:link.morehl, A:vlink.morehl, A:alink.morehl {
   color: #003399 !important;
}

.moresrc {
   font-family: Verdana,Gevena,Arial,sans-serif !important;
   font-size: 9px !important;
   color: #6699cc !important;
   font-weight: normal !important;
   font-style: normal !important;
   text-decoration: none !important;
}

A:link.moresrc, A:vlink.moresrc, A:alink.moresrc {
   color: #6699cc !important;
}

.moreti {
   font-family: Verdana,Gevena,Arial,sans-serif;
   font-size: 9px;
   color: #6699cc;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}

.morehlt {
   font-family: Verdana,Gevena,Arial,sans-serif;
   font-size: 11px;
   color: #003399 !important;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
</style>

<SCRIPT LANGUAGE="Javascript">


</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://p.moreover.com/cgi-local/page?c=Top%20stories&o=js&n=10">
</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<table cellpadding=4 cellspacing=0 border=0 width='400'><tr bgcolor='#FFFFFF'><td>
<a href='http://www.moreover.com/cgi-local/page?o=portal&c=Top%20stories&o=js' target='_blank' class='morehlt'>Top stories</a><br>&<br>

<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://p.moreover.com/dr/wizard/wizard_text.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
setTimeout("window.location.reload(true)", 900*1000); // refresh time in ms
</SCRIPT>
</td></tr></table>

Would be nice in a block, but this is way, way out of my league. It pastes nice into html, and reads fine, just kicks me back to the index when I try and use it in Nuke. You would have my eternal thanks for some help on this one. Razz

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

Dauthus wrote:

Thank you Raven!

Although the code didn't work just by going to the add a new block section in the admin and pasting it there, it did work with me opening up the sample block and adding the code there.

I just uploaded that block to my server changing the name to "block_localweather.php" and Shazam! it works perfectly.

Thanks again.

Now, how about a real challange. Care to try with multiple scripts? Look at the next post.

Gotta get rid of this chick avatar.....

That's because by default a block expects HTML. To execute that code in the Admin Block, you have to wrap it in <? ?> tags and then add an echo $content; statement.

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

Do this with you long code. Make a block and call it something like block-jshtml.php. here is all you have to do

Code:

<?
$content = <<<_HTMLCODE_



<style type='text/css'>

.morehl {
font-family: Verdana,Gevena,Arial,sans-serif !important;
font-size: 11px !important;
color: #003399 !important;
font-weight: bold !important;
font-style: normal !important;
text-decoration: underline !important;
}

A:link.morehl, A:vlink.morehl, A:alink.morehl {
color: #003399 !important;
}

.moresrc {
font-family: Verdana,Gevena,Arial,sans-serif !important;
font-size: 9px !important;
color: #6699cc !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}

A:link.moresrc, A:vlink.moresrc, A:alink.moresrc {
color: #6699cc !important;
}

.moreti {
font-family: Verdana,Gevena,Arial,sans-serif;
font-size: 9px;
color: #6699cc;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.morehlt {
font-family: Verdana,Gevena,Arial,sans-serif;
font-size: 11px;
color: #003399 !important;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
</style>

<SCRIPT LANGUAGE="Javascript">


</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://p.moreover.com/cgi-local/page?c=Top%20stories&o=js&n=10">
</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<table cellpadding=4 cellspacing=0 border=0 width='400'><tr bgcolor='#FFFFFF'><td>
<a href='http://www.moreover.com/cgi-local/page?o=portal&c=Top%20stories&o=js' target='_blank' class='morehlt'>Top stories</a><br>&<br>

<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://p.moreover.com/dr/wizard/wizard_text.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
setTimeout("window.location.reload(true)", 900*1000); // refresh time in ms
</SCRIPT>
</td></tr></table>

_HTMLCODE_;
?>

Then position it in a Center Up block Cool

Sergeant Joined: Feb 12, 2003 Posts: 82 Location: USA

Keep getting this error message:

Code:

Parse error: parse error, unexpected T_SL in /home/virtual/site30/fst/var/www/html/blocks/block-jshtml.php on line 2

I copied and pasted the code above and put it in a block. Any suggestions? (Using Dreamweaver for edit).

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

It works perfectly here. It could be the copy and paste is messing up because of line wrapping. Download it here http://gaylenandmargie.com/public/downloads/block-jstest.zip

Also, make sure there is no blank line on line #1 in your code. Line #1 must be <?

Sergeant Joined: Feb 12, 2003 Posts: 82 Location: USA

Thank you, thank you, thank you. The downloaded file works perfect. I am going to look at it on dreamweaver and see what was wrong.

You are a life safer. Thanks again.

Nuke Cadet Joined: Jul 02, 2003 Posts: 3

I'm bumping this post, coz i have a similar problem !

This is the code i'd like to put in a block, but i'm not really use to that .. can somedy look at it, and tell me if there is something wrong (perhaps yes coz it doesn't work). Thanks a lot.

Code:

<div align="center">
<script language="JavaScript" type="text/JavaScript">

/*
Dynamic countdown Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/

function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month, day:
setcountdown(2003,7,6)

//STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively
var occasion=" Le Grand Prix de France."
var message_on_occasion="Aujourd'hui, le Grand Prix de France!"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='600px'
var countdownheight='50px'
var countdownbgcolor='#FFFFFF'
var opentags='<font size="2" face="Verdana" color="#000000"><b>'
var closetags='</b></font>'

//////////DO NOT EDIT PASS THIS LINE//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown

function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes depuis "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant"+occasion+closetags
}
setTimeout("countdown()",1000)
}

</script>
</div>

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

As I have posted many times, you cannot add it to a block like this. read the first post in this thread as to how to 'wrap' the code.

Nuke Cadet Joined: Jul 02, 2003 Posts: 3

Understanding how it works, i wouldn't have post here .. but the fact is, i'm french and i have sometimes a lil problem to understand coz i need to translate to myself to understand.

Having a lil help on how-to do it, would help .. not only refering to another post. Coz i can understand way better, if my example works in the end.

Thanks in advance for taking care of my problem.

General Joined: Mar 22, 2003 Posts: 5233 Location: USA

<?
$content = <<< _CODE_

/** Place all your code here **/

_CODE_;
?>

Make sure there are no spaces after the _CODE_ tags. Only a carriage return. That is all there is to it.

Nuke Cadet Joined: Jul 02, 2003 Posts: 3

Thanx a lot Raven ! I know i'm still in the block section.. but if i want to put the same script .. in the middle of a php page already existing !! Is there a way to declare the script ... and ask it, whenever i need it in the same page ??