javascript / <div> / text / slide show question...

**VictoryHawk** · 05-13-2012, 07:17 PM

is there a way i could link or use the verbiage " this is paragraph one " in a div tag ? because i need to attach css to it and im a big time newb when it comes to JavaScript and i don't want to have to escape js quotes every time i need to update the verbiage (which will be almost every other day...

if someone could modify this code below so that i can insert code just like i would a div tag scenario & so that i'd have the option to attach css, i'd genuinely & severely appreciate it ! once again i am a newb be gentle

<html>
<head>
</head>
<style>
.left{display:inline}
</style>
<body>
<input type="button" value="<" onclick="move('down')" class="left"/>
<div id="results" class="left">this is paragraph one</div>
<input type="button" value=">" onclick="move('up')" class="left"/><br>
<input type="button" value="stop" onclick="pause()" />
<script type="text/javascript">
var paras=["....paragraph 1", "...and paragraph two", "followed by paragraph three", "and paragraph four"];
function move(dir){
if(timer){clearTimeout(timer)}
if(dir=="down"){
paras.unshift(paras.pop())
} if(dir=="up"){
paras.push(paras.shift())

}
timer=setTimeout(function (){move(dir)}, 2000)
document.getElementById("results").innerHTML=paras[0];
}
var timer=setTimeout(function (){move("up")}, 2000)

function pause(){
clearTimeout(timer);
}
</script>

</body>
</html>

**xelawho** · 05-13-2012, 07:50 PM

but wait... this:

Code:

<div id="results" class="left">this is paragraph one</div>

is the div where your text appears, so can't your css just be:

Code:

#results{
/* whatever */ 
}

?

Thread: javascript / <div> / text / slide show question...

Thread Tools

Display

javascript / <div> / text / slide show question...

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions