Vertical Scrolling Text

ms_tyro · #1 (**permalink**) 11-15-05, 04:46 AM

Hi, I am a newbie on website development and not a real webmaster or programmer. I need your help and expertise on this. Can anyone please link or give me a vertical scrolling text code? I wanted to put a news box in my website but I don't know how. I want my scrolling text to be stored in a certain text file, like notepad maybe, and not embedded on the html code, so I could just change it anytime I want without having to go to the website.

Nico · #2 (**permalink**) 11-15-05, 09:14 AM

Hi, there! I did a custom script for you!

You will be able to edit the content from everywhere now.

Add this into the ducument where you want the scroller to put on.
(Must be a PHP document)

Add this before the <html> tag

PHP Code:


			
<?php



$action = $_GET["action"];

$pass = "admin";



// Admin form

if ($action == "admin"){

?>

Enter admin pass to continue: <br />

<form name="form1" id="form1" method="post" action="">

  <input name="admin_pass" type="password" id="admin_pass" />

  <input type="submit" name="Submit" value="Submit" />

</form>

<?php

}

?>





<?php

$admin_pass = $_POST["admin_pass"];



// Fixes output

$content = $_POST["content"];

$content = str_replace("\\", "", $content);



// Save changes

if ($_POST["content"]){

$fp = fopen("content.php", "w");

fwrite($fp, $content);

fclose($fp);



echo "Content successfully changed";

}



// Displays the change form

if ($admin_pass == $pass){

?>



<form name="change" id="change" method="post" action="">

  <textarea name="content" cols="40" rows="6" id="content"><?php include ('content.php'); ?></textarea>

  <br />

  <input type="submit" name="Submit" value="Save changes" />

</form>

<?php

}if (empty($action)){

?>

Add this where you want the scroller to be displayed

Code:

<script type="text/javascript">

//specify path to your external page:
var iframesrc="external.php"

//You may change most attributes of iframe tag below, such as width and height:
document.write('<iframe id="datamain" src="'+iframesrc+'" width="150px" height="150px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"></iframe>')

</script>

And this at the bottom, after the </html> tag

PHP Code:


			
<?php

}

?>

Save this as "external.php" in the same directory

Code:

<html>
<body>

<div id="datacontainer" style="position:absolute;left:1px;top:10px;width:100%" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">

<!-- SCROLER CONTENT //-->

<?php include ('content.php'); ?>

<!-- END SCROLLER CONTENT //-->

</div>

<script type="text/javascript">

/***********************************************
* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=2

//Specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=500

function initializeScroller(){
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top="5px"
setTimeout("getdataheight()", initialdelay)
}

function getdataheight(){
thelength=dataobj.offsetHeight
if (thelength==0)
setTimeout("getdataheight()",10)
else
scrollDiv()
}

function scrollDiv(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed+"px"
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top="5px"
setTimeout("scrollDiv()",40)
}

if (window.addEventListener)
window.addEventListener("load", initializeScroller, false)
else if (window.attachEvent)
window.attachEvent("onload", initializeScroller)
else
window.onload=initializeScroller

</script>

And finally save an empty file as "content.php" in the same directory as well and CHMOD it to "777".

Ok, now to edit the content go to the page where the scroller is, and add this at the end of the url:

?action=admin

Eg: http://www.your-site.com/index.php?action=admin

Than you'll see a form appears. The admin password is "admin"
(You can change the password on line 4, where the scroller is!

)

Than edit the content and click on save!
That's it!

NOTE:
You can use HTML in the editor!

NOTE 2:
If you want to display the scroller on different pages, just add this code where you want it to be displayed.
(Make sure to fix the path if the document is in a different directory)

Code:

<script type="text/javascript">

//specify path to your external page:
var iframesrc="external.php"

//You may change most attributes of iframe tag below, such as width and height:
document.write('<iframe id="datamain" src="'+iframesrc+'" width="150px" height="150px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"></iframe>')

</script>

(You won't be able the change the content from other pages tho!)

Scroller demo here: http://www.nicoswd.com/scroller/scroller.php

Admin demo here: http://www.nicoswd.com/scroller/scro...p?action=admin
(PW: "admin")

Script download here: http://www.nicoswd.com/scroller/vertical_scroller.zip

Have fun!