|
JavaScript - Dying Here! Can't Figure Out How To Get My Marquee To Work
This is for an assignment that I am working on, have figured out most of the code already, I am just having a hard time getting one question. The question is "in the defineMarquee function it says for every item in the marqueeTxt array, store the value of the top style from the CSS style sheet in a variable named topValue. (Hint: To extract the values from the style sheet , use object detection to determine the calculated CSS style value.) After you have calculated a vale for the topValue variable, store that value in the top style property for the current item in the marqueeTxt array." In truth I really don't understand what it is asking, so if someone could help me out with some detail or what I should be looking for. Here is the code i have so far:
Code:
var timeID;
var marqueeTxt = new Array();
var marqueeOff = true;
window.onload = defineMarquee;
function defineMarquee(){
var allElems = document.getElementsByTagName("*");
for (var i=0; i<allElems.length; i++){
if (allElems[i].className == "marqueeTxt") marqueeTxt.push(allElems[i]);
}
for (i = 0; i < marqueeTxt.length; i++) {
if (window.getComputedStyle) {
var topValue = marqueeTxt[i].currentStyle["top"];
}
marqueeTxt[0].style.top = topValue + "px";
}
document.getElementById("startMarquee").onclick = startMarquee;
document.getElementById("stopMarquee").onclick = stopMarquee;
}
function startMarquee(){
if(marqueeOff == true){
timeID = setInterval("moveText()",50);
marqueeOff = false;
}
}
function stopMarquee(){
clearInterval(timeID);
marqueeOff = true;
}
function moveText(){
for(var i=0; i<marqueeTxt.length; i++){
topPos = parseInt(marqueeTxt[i].style.top);
if (topPos < -110){
topPos = 700;
}else{
topPos = topPos - 1;
}
marqueeTxt[i].style.top = topPos + "px";
}
}
I have no idea if that's the only problem but I just can't get the marquee to work and I think that is part of the problem . Thank you in advance for and help. Similar Tutorialswhen i try to run this it always says INPUT FROM A FILE. a file can have more than one birthday at it will be output also to a file. sorry for my bad english Code: import java.util.*;
public class ZodiacSign {
public static void main(String[] args) {
String sign="";
String element="";
String chineseSign="";
int month, day,year;
Scanner c = new Scanner (System.in);
System.out.println("Enter day(1-31): ");
day = c.nextInt();
System.out.println("Enter month(1-12): ");
month = c.nextInt();
System.out.println("Enter year: ");
year = c.nextInt();
if((month == 1) && (day <= 20) || (month == 12) && (day >= 22)) {
sign = "Capricorn";
} else if((month == 1) || (month == 2) && (day <= 19)) {
sign = "Aquarius";
} else if((month == 2) || (month == 3) && (day <= 20)) {
sign = "Pisces";
} else if((month == 3) || (month == 4) && (day <= 19)) {
sign = "Aries";
} else if((month == 4) || (month == 5) && (day <= 21)) {
sign = "Taurus";
} else if((month == 5) || (month == 6) && (day <= 21)) {
sign = "Gemini";
} else if((month == 6) || (month == 7) && (day <= 23)) {
sign = "Cancer";
} else if((month == 7) || (month == 8) && (day <= 23)) {
sign = "Leo";
} else if((month == 8) || (month == 9) && (day <= 23)) {
sign = "Virgo";
} else if((month == 9) || (month == 10) && (day <= 23)) {
sign = "Libra";
} else if((month == 10) || (month == 11) && (day <= 22)) {
sign = "Scorpio";
} else if(month == 12) {
sign = "Sagittarius";
}
if((sign.equals("Aries"))||(sign.equals("Leo"))||(sign.equals("Sagittarius"))){
element="Fire";
}
else if((sign.equals("Taurus"))||(sign.equals("Virgo"))||(sign.equals("Capricorn"))){
element="Earth";
}
else if((sign.equals("Gemini"))||(sign.equals("Libra"))||(sign.equals("Aquarius"))){
element="Air";
}
else if((sign.equals("Cancer"))||(sign.equals("Scorpio"))||(sign.equals("Pisces"))){
element="Water";
}
int x = (1997 - year) % 12;
if ((x == 1) || (x == -11)){
chineseSign="Rat";
}
else{
if (x == 0){
chineseSign="Ox";
}
else{
if ((x == 11) || (x == -1)){
chineseSign="Tiger";
}
else{
if ((x == 10) || (x == -2)){
chineseSign="Rabbit";
}
else{
if ((x == 9) || (x == -3)){
chineseSign="Dragon";
}
else{
if ((x == 8) || (x == -4)){
chineseSign="Snake";
}
else{
if ((x == 7) || (x == -5)){
chineseSign="Horse";
}
else{
if ((x == 6) || (x == -6)){
chineseSign="Sheep";
}
else{
if ((x == 5) || (x == -7)){
chineseSign="Monkey";
}
else{
if ((x == 4) || (x == -8)){
chineseSign="Chicken";
}
else{
if ((x == 3) || (x == -9)){
chineseSign="Dog";
}
else{
if ((x == 2) || (x == -10)){
chineseSign="Pig";
}
}
}
}
}
}
}
}
}
}
}
}
System.out.println("Your Zodiac sign is "+sign+".");
System.out.println("Chinese Zodiac is: "+chineseSign+".");
System.out.println("Element is "+element+".");
}
}
Hello Every 1 . how do i put the below Code on A Marquee ... PHP Code: echo "<td>$name</td>"; echo "<td align='right'><font color=$font_color>$comment</font></td>"; echo "<td align='right'>$date</td>"; I've got a code. I've listed it below. The only question I have which I am sure I'm just overlooking it, but I need to find a way to squeeze this to the top of the screen and to the left. Where can I modify this on this code? The first section is the whole file. Thanks! Edit: I'm trying to remove the awkward gap on top and to the left. I merged the .js file since this will only be a file that is updated with new news. Code: <html>
<head>
<script type="text/javascript">
/* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
updated: 4/2011 for random order option, more (see below)
*/
/* Update 4/2011 to v1.5 - Adds optional random property. Set it to true to use.
Fixes browser crash from empty crawlers, ad and image blocking software/routines.
Fixes behavior in some IE of breaking script if an image is missing.
Adds alt attributes to images without them to aid in diagnosis of missing/corrupt
images. This may be disabled with the new optional noAddedAlt property set to true.
Internal workings enhanced for greater speed of execution, less memory usage.
*/
///////////////// No Need to Edit - Configuration is Done in the On Page Call(s) /////////////////
function marqueeInit(config){
if(!document.createElement) return;
marqueeInit.ar.push(config);
marqueeInit.run(config.uniqueid);
}
(function(){
if(!document.createElement) return;
marqueeInit.ar = [];
document.write('<style type="text/css">.marquee{white-space:nowrap;overflow:hidden;visibility:hidden;}' +
'#marq_kill_marg_bord{border:none!important;margin:0!important;}<\/style>');
var c = 0, tTRE = [/^\s*$/, /^\s*/, /\s*$/, /[^\/]+$/],
req1 = {'position': 'relative', 'overflow': 'hidden'}, defaultconfig = {
style: { //default style object for marquee containers without configured style
'margin': '0 auto'
},
direction: 'left',
inc: 2, //default speed - pixel increment for each iteration of a marquee's movement
mouse: 'pause' //default mouseover behavior ('pause' 'cursor driven' or false)
}, dash, ie = false, oldie = 0, ie5 = false, iever = 0;
/*@cc_on @*/
/*@if(@_jscript_version >= 5)
ie = true;
try{document.documentMode = 2000}catch(e){};
iever = Math.min(document.documentMode, navigator.appVersion.replace(/^.*MSIE (\d+\.\d+).*$/, '$1'));
if(iever < 6)
oldie = 1;
if(iever < 5.5){
Array.prototype.push = function(el){this[this.length] = el;};
ie5 = true;
dash = /(-(.))/;
String.prototype.encamel = function(s, m){
s = this;
while((m = dash.exec(s)))
s = s.replace(m[1], m[2].toUpperCase());
return s;
};
}
@end @*/
if(!ie5){
dash = /-(.)/g;
function toHump(a, b){return b.toUpperCase();};
String.prototype.encamel = function(){return this.replace(dash, toHump);};
}
if(ie && iever < 8){
marqueeInit.table = [];
window.attachEvent('onload', function(){
marqueeInit.OK = true;
for(var i = 0; i < marqueeInit.table.length; ++i)
marqueeInit.run(marqueeInit.table[i]);
});
}
function intable(el){
while((el = el.parentNode))
if(el.tagName && el.tagName.toLowerCase() === 'table')
return true;
return false;
};
marqueeInit.run = function(id){
if(ie && !marqueeInit.OK && iever < 8 && intable(document.getElementById(id))){
marqueeInit.table.push(id);
return;
}
if(!document.getElementById(id))
setTimeout(function(){marqueeInit.run(id);}, 300);
else
new Marq(c++, document.getElementById(id));
}
function trimTags(tag){
var r = [], i = 0, e;
while((e = tag.firstChild) && e.nodeType === 3 && tTRE[0].test(e.nodeValue))
tag.removeChild(e);
while((e = tag.lastChild) && e.nodeType === 3 && tTRE[0].test(e.nodeValue))
tag.removeChild(e);
if((e = tag.firstChild) && e.nodeType === 3)
e.nodeValue = e.nodeValue.replace(tTRE[1], '');
if((e = tag.lastChild) && e.nodeType === 3)
e.nodeValue = e.nodeValue.replace(tTRE[2], '');
while((e = tag.firstChild))
r[i++] = tag.removeChild(e);
return r;
}
function randthem(tag){
var els = oldie? tag.all : tag.getElementsByTagName('*'), i = els.length - 1, childels = [], newels = [];
for (i; i > -1; --i){
if(els[i].parentNode === tag){
childels.push(els[i]);
newels.push(els[i].cloneNode(true));
}
}
newels.sort(function(){return 0.5 - Math.random();});
i = childels.length - 1;
for (i; i > -1; --i){
tag.replaceChild(newels[i], childels[i]);
}
}
function Marq(c, tag){
var p, u, s, a, ims, ic, i, marqContent, cObj = this;
this.mq = marqueeInit.ar[c];
if(this.mq.random){
randthem(tag);
}
for (p in defaultconfig)
if((this.mq.hasOwnProperty && !this.mq.hasOwnProperty(p)) || (!this.mq.hasOwnProperty && !this.mq[p]))
this.mq[p] = defaultconfig[p];
this.mq.style.width = !this.mq.style.width || isNaN(parseInt(this.mq.style.width))? '100%' : this.mq.style.width;
if(!tag.getElementsByTagName('img')[0])
this.mq.style.height = !this.mq.style.height || isNaN(parseInt(this.mq.style.height))? tag.offsetHeight + 3 + 'px' : this.mq.style.height;
else
this.mq.style.height = !this.mq.style.height || isNaN(parseInt(this.mq.style.height))? 'auto' : this.mq.style.height;
u = this.mq.style.width.split(/\d/);
this.cw = this.mq.style.width? [parseInt(this.mq.style.width), u[u.length - 1]] : ['a'];
marqContent = trimTags(tag);
tag.className = tag.id = '';
tag.removeAttribute('class', 0);
tag.removeAttribute('id', 0);
if(ie)
tag.removeAttribute('className', 0);
tag.appendChild(tag.cloneNode(false));
tag.className = ['marquee', c].join('');
tag.style.overflow = 'hidden';
this.c = tag.firstChild;
this.c.appendChild(this.c.cloneNode(false));
this.c.style.visibility = 'hidden';
a = [[req1, this.c.style], [this.mq.style, this.c.style]];
for (i = a.length - 1; i > -1; --i)
for (p in a[i][0])
if((a[i][0].hasOwnProperty && a[i][0].hasOwnProperty(p)) || (!a[i][0].hasOwnProperty))
a[i][1][p.encamel()] = a[i][0][p];
this.m = this.c.firstChild;
if(this.mq.mouse === 'pause'){
this.c.onmouseover = function(){cObj.mq.stopped = true;};
this.c.onmouseout = function(){cObj.mq.stopped = false;};
}
this.m.style.position = 'absolute';
this.m.style.left = '-10000000px';
this.m.style.whiteSpace = 'nowrap';
if(ie5) this.c.firstChild.appendChild((this.m = document.createElement('nobr')));
if(!this.mq.noAddedSpace)
this.m.appendChild(document.createTextNode('\xa0'));
for(i = 0; marqContent[i]; ++i)
this.m.appendChild(marqContent[i]);
if(ie5) this.m = this.c.firstChild;
ims = this.m.getElementsByTagName('img');
if(ims.length){
for(ic = 0, i = 0; i < ims.length; ++i){
ims[i].style.display = 'inline';
if(!ims[i].alt && !this.mq.noAddedAlt){
ims[i].alt = (tTRE[3].exec(ims[i].src)) || ('Image #' + [i + 1]);
if(!ims[i].title){ims[i].title = '';}
}
ims[i].style.display = 'inline';
ims[i].style.verticalAlign = ims[i].style.verticalAlign || 'top';
if(typeof ims[i].complete === 'boolean' && ims[i].complete)
ic++;
else {
ims[i].onload = ims[i].onerror = function(){
if(++ic === ims.length)
cObj.setup(c);
};
}
if(ic === ims.length)
this.setup(c);
}
}
else this.setup(c)
}
Marq.prototype.setup = function(c){
if(this.mq.setup) return;
this.mq.setup = this;
var s, w, cObj = this, exit = 10000;
if(this.c.style.height === 'auto')
this.c.style.height = this.m.offsetHeight + 4 + 'px';
this.c.appendChild(this.m.cloneNode(true));
this.m = [this.m, this.m.nextSibling];
if(this.mq.mouse === 'cursor driven'){
this.r = this.mq.neutral || 16;
this.sinc = this.mq.inc;
this.c.onmousemove = function(e){cObj.mq.stopped = false; cObj.directspeed(e)};
if(this.mq.moveatleast){
this.mq.inc = this.mq.moveatleast;
if(this.mq.savedirection){
if(this.mq.savedirection === 'reverse'){
this.c.onmouseout = function(e){
if(cObj.contains(e)) return;
cObj.mq.inc = cObj.mq.moveatleast;
cObj.mq.direction = cObj.mq.direction === 'right'? 'left' : 'right';};
} else {
this.mq.savedirection = this.mq.direction;
this.c.onmouseout = function(e){
if(cObj.contains(e)) return;
cObj.mq.inc = cObj.mq.moveatleast;
cObj.mq.direction = cObj.mq.savedirection;};
}
} else
this.c.onmouseout = function(e){if(!cObj.contains(e)) cObj.mq.inc = cObj.mq.moveatleast;};
}
else
this.c.onmouseout = function(e){if(!cObj.contains(e)) cObj.slowdeath();};
}
this.w = this.m[0].offsetWidth;
this.m[0].style.left = 0;
this.c.id = 'marq_kill_marg_bord';
this.m[0].style.top = this.m[1].style.top = Math.floor((this.c.offsetHeight - this.m[0].offsetHeight) / 2 - oldie) + 'px';
this.c.id = '';
this.c.removeAttribute('id', 0);
this.m[1].style.left = this.w + 'px';
s = this.mq.moveatleast? Math.max(this.mq.moveatleast, this.sinc) : (this.sinc || this.mq.inc);
while(this.c.offsetWidth > this.w - s && --exit){
w = isNaN(this.cw[0])? this.w - s : --this.cw[0];
if(w < 1 || this.w < Math.max(1, s)){break;}
this.c.style.width = isNaN(this.cw[0])? this.w - s + 'px' : --this.cw[0] + this.cw[1];
}
this.c.style.visibility = 'visible';
this.runit();
}
Marq.prototype.slowdeath = function(){
var cObj = this;
if(this.mq.inc){
this.mq.inc -= 1;
this.timer = setTimeout(function(){cObj.slowdeath();}, 100);
}
}
Marq.prototype.runit = function(){
var cObj = this, d = this.mq.direction === 'right'? 1 : -1;
if(this.mq.stopped || this.mq.stopMarquee){
setTimeout(function(){cObj.runit();}, 300);
return;
}
if(this.mq.mouse != 'cursor driven')
this.mq.inc = Math.max(1, this.mq.inc);
if(d * parseInt(this.m[0].style.left) >= this.w)
this.m[0].style.left = parseInt(this.m[1].style.left) - d * this.w + 'px';
if(d * parseInt(this.m[1].style.left) >= this.w)
this.m[1].style.left = parseInt(this.m[0].style.left) - d * this.w + 'px';
this.m[0].style.left = parseInt(this.m[0].style.left) + d * this.mq.inc + 'px';
this.m[1].style.left = parseInt(this.m[1].style.left) + d * this.mq.inc + 'px';
setTimeout(function(){cObj.runit();}, 30 + (this.mq.addDelay || 0));
}
Marq.prototype.directspeed = function(e){
e = e || window.event;
if(this.timer) clearTimeout(this.timer);
var c = this.c, w = c.offsetWidth, l = c.offsetLeft, mp = (typeof e.pageX === 'number'?
e.pageX : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft) - l,
lb = (w - this.r) / 2, rb = (w + this.r) / 2;
while((c = c.offsetParent)) mp -= c.offsetLeft;
this.mq.direction = mp > rb? 'left' : 'right';
this.mq.inc = Math.round((mp > rb? (mp - rb) : mp < lb? (lb - mp) : 0) / lb * this.sinc);
}
Marq.prototype.contains = function(e){
if(e && e.relatedTarget){var c = e.relatedTarget; if(c === this.c) return true;
while ((c = c.parentNode)) if(c === this.c) return true;}
return false;
}
function resize(){
for(var s, w, m, i = 0; i < marqueeInit.ar.length; ++i){
if(marqueeInit.ar[i] && marqueeInit.ar[i].setup){
m = marqueeInit.ar[i].setup;
s = m.mq.moveatleast? Math.max(m.mq.moveatleast, m.sinc) : (m.sinc || m.mq.inc);
m.c.style.width = m.mq.style.width;
m.cw[0] = m.cw.length > 1? parseInt(m.mq.style.width) : 'a';
while(m.c.offsetWidth > m.w - s){
w = isNaN(m.cw[0])? m.w - s : --m.cw[0];
if(w < 1){break;}
m.c.style.width = isNaN(m.cw[0])? m.w - s + 'px' : --m.cw[0] + m.cw[1];
}
}
}
}
if (window.addEventListener)
window.addEventListener('resize', resize, false);
else if (window.attachEvent)
window.attachEvent('onresize', resize);
})();
/* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
updated: 4/2011 for random order option, more (see below)
*/
</script>
</head>
<body>
<font color="white" face="arial" size="2" background="#0066CC">
<div class="marquee" id="mycrawler" align="left">
2/21/12 Today is testing the marquee. This will be used for announcements. Stay tuned!!!                        
</div></font>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '1px',
'width': '1000px', //change to 1000 for normal, change to 0 for off
'background': '#0066CC',
'border': '0px solid black'
},
inc: 1, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'false', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 1,
neutral: 150,
savedirection: true
});
</script>
</body>
</html>
EDIT: Just figured out its Firefox only bug, seems to work in Safari. Any workarounds? Trying to get text to scroll across inside the div. The "Loading" text scrolls for a split second, but when it has loaded, the song title doesn't scroll. I looked in Firebug and the <marquee> tags are still there with the song title, they just don't seem to do anything. I'm guessing its to do with the javascript. Code: Playa.onStateChange = function() {
sTitle = (Playa.playListPosition+1) + "/" + Playa.playlistSize + " ";
sTitle += Playa.title;
nTitle = "<marquee>" + Playa.title + "</marquee>";
document.getElementById("songTitle").innerHTML = nTitle;
document.getElementById("btnPlayStop").alt = Playa.btnState;
document.getElementById("btnPlayStop").src = Playa.imageSrc;
}
<div id="songTitle"><marquee>Loading</marquee></div>
Any suggestions? Thanks Hi, We have a marquee that we use occasionally at work when we want to announce something important. The text is dynamic and will sometimes contain links. I need to make it so that the marquee stops when you mouseover it and then begins again when you mouseout. I can get this to work just fine. The problem is, I want the pause to happen when you hover over the text ONLY, not the entire 690 width TD! I tried wrapping a span around the text and putting an action on it, but the marquee still stops even when you have your cursor out in never-never land to the right. Does anyone know how to make this work in IE without using a huge JavaScript file like on Dynamic Drive? Code: <td width="690" valign="middle" class="headerNewsFlash"> <marquee onMouseOver="this.stop();" onMouseOut="this.start();" scrolldelay="0" scrollamount="4">News Flash Text Goes Here</marquee> </td> Thanks! Hello i Have this Marquee Code , I use it in My smarty Template , All working fine ,with IE8 , but with Firfox , it dose Not .. Firefox will Not Show the Buttons for speed up , slow down , right , left ..under the table but instaed will include it with the Marquee.. the Strang thing if i open the Template direct to Firfox , the buttons shows up but No effect , means when u click any button will not change the Directions.. PHP Code: <marquee id="last_feed" behavior="scroll" direction="up" scrolldelay="10" height="100px" scrollamount="2" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 2, 0);" > <{foreach item=project from=$myproject}> <p dir="rtl"> <div> [ <{$name}> : <b><{$comment}></b> :: <{date}> ] <img border="0" src="images/logo2.gif" width="18" height="18"> <{/foreach}> </p> </div></marquee> <div> <img src="images/Right-arrow-32.png" title="To Right" border="0" align="center" style="cursor:hand;" onclick="document.all.last_feed.direction='right';document.all.last_feed.start();" width="16" height="16"> <img src="images/Left-arrow-32.png" title="To Left" border="0" align="center" style="cursor:hand;" onclick="document.all.last_feed.direction='left';document.all.last_feed.start();" width="16" height="16"> <img src="images/Up-arrow-32.png" title="UP" border="0" align="center" style="cursor:hand;" onclick="document.all.last_feed.direction='up';document.all.last_feed.start();" width="16" height="16"> <img src="images/Down-arrow-32.png" title="DOWN" border="0" align="center" style="cursor:hand;" onclick="document.all.last_feed.direction='down';document.all.last_feed.start();" width="16" height="16"> <img src="images/plus.gif" title="Speed Up" border="0" align="center" style="cursor:hand;" onclick="document.all.last_feed.scrollAmount=5;" width="12" height="12"> <img src="images/minus.gif" title="Slow Down" border="0" align="center" style="cursor:hand;" onclick="document.all.last_feed.scrollAmount=3;" width="12" height="12"> </div> I'm looking for a code like these news tickers you see on TVS nowadays at the bottom of the screen, where they show you the latest headlines. I want a simple scrolling marquee text that shows the text based on a txt file with the ability to insert an image between every line Hya, I've been trying to get a marquee working for my site, and would like it to use an external file for the text that it scrolls. Currently nothing is showing up except for a little space where it should be that is only visible when I highlight the page by selecting edit>select all I have used the script avaliable here but instead of inserting the script into the body I have put it into an external .js my script is the same as theirs except I have made the links point to my documents instead of the samples they gave, however I will paste it here incase I have managed to delete one vital full stop or something. Code: <IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" />
<marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onmouseover="this.scrollAmount=2" onmouseout="this.scrollAmount=4" src="News.htm">
</marquee>
<script language="Javascript1.2">
function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}
function displaydata(data){
externalmarquee.innerHTML=data
}
if (document.all)
window.onload=downloaddata
</script>
<![endif]-->
I'm guessing it's because I have incorrectly moved the code from inside the HTML to the external .js. My website is avaliable here And the code I have used to insert this into the HTML (which I have a feeling is the problem) is as follows: Code: <div> <script type="text/javascript" src="/News.js"> </script> </div> Cheers, Al Hi, I am working on this site galleria and it seems that on some IE browsers on my client's computers, especially on his Vista, the Thumbnails are not showing up or loading fully and/or showing black with "error" in the spaces. On my firefox and safari I see the galleria images and scrolled text extending down the page briefly while the page is loading... Is this a JS issue or just a large image loading-time issue? I do not know JS and had adopted the JS code from another site so I am thinking there must be some errors in my JS settings. Secondly, can someone recommend a website that I could find the code and tutorial on how to install a simple JS scrolling marquee like the one I have on the site (which is hacked html right now) that will load quickly etc? Here is the site: <http://eagleeyeco.com/TEST/homes.html> Thanks! Hi there Am trying out Cross Browser Marquee II by Dynamic Drive and it works great. However between the end of each scroll and the beginning of the repeat scroll, there's a large blank space. I would like to minimise this space so that the beginning repeats fairly quickly after the end. Not used to js so not sure how to do this. The page I am working on currently is at: http://www.mrjindustrial.com.au/scro..._concrete.html Thanks, hope someone can help. Hi all, i'm using this code: Code: var r_text = new Array ();
r_text[0] = "Random Text 0";
r_text[1] = "Random Text 1";
r_text[2] = "Random Text 2";
r_text[3] = "Random Text 3";
r_text[4] = "Random Text 4";
r_text[5] = "Random Text 5";
r_text[6] = "Random Text 6";
r_text[7] = "Random Text 7";
r_text[8] = "Random Text 8";
var i = Math.floor(9*Math.random());
{
document.write("<Marquee SCROLLAMOUNT=10><FONT-FAMILY: 'Calibri'><FONT-SIZE: 13pt)<B><FONT COLOR='#FFFF00'>" +
r_text[i] + "</FONT></B></FONT-SIZE></FONT-FAMILY></Marquee>");
}
This code works as far as me getting a right to left marquee, which, every time the page reloads, generates one of the random pieces of text. I'd like to add a piece of coding to this so that on mouseover, the marquee will pause, but I don't have a clue what to add, or where. My other problem: The text is yellow..size 10, yet whatever font family i specify, will ALWAYS appear in the font Georgia (in the browser im using, Firefox.) in both Opera and IE, it comes out Times New Roman! this is a real rooky problem, but i am a rooky and i'd just like to understand why, and how to ACTUALLY get Calibri. Any help would be greatly appreciated <% content_for :scripts do %> <script type="text/javascript"> $(document).ready(function() { $('.list-tag li a').click(function() { division_id = $(this).attr('id'); division_title = $(this).text(); org_id = <%= @current_org.id %>; org_type = "<%= @current_org.class.to_s %>"; divisionSelected(division_id, division_title, org_id, org_type); return false; }); I have a javascript platform that isn't working correctly. IE 8 is complaining about the line in red, and IE 7 is giving me a syntax error for line in green. Anyone have any advice or suggestions? I dont think anyone can write a code for this because i cant find it anywhere.. I keep trying to write javascript but i just cant grasp it.... and my website is really falling behind.. basically THIS SITE'S total price section and the whole construct of the ability to have everything listed like that and work the way it does is what i want... if i could get the simple version of the code used to make that happen i could continue on and write all the rest... just variables and less than i and document.getWhatever is confusing the crap outta me... but like i said earlier i dont expect anyone here can help me so its alright... but if anyone actually can ILL LOVE YOU FOREVER!!!! What in the world is wrong with this? I have been looking at it for hours. Code: $.ajax({
url: "wifitos.html",
type: "GET",
dataType: "html",
error: function(){ $("#loading").html("Error Loading Site. Try again later.");},
beforeSend: function(){ $("#loading").show("fast");},
complete: function(){ $("#loading").hide("fast");},
success: function(html){
$("#panel_content").show("slow");
$("#panel_content").html(html);
}
});
All the HTML tags are right. It shows the loading properly, but does not return an error and just says loading forever without loading wifitos.html. Help appreciated! FIXED! DON'T REPLY TO THIS THREAD: After hours of trying to figure this out, I find it 10 sec after I post this thread. Go figure. It was because I had a return false before the ajax. Hey everyone. I am making a form with some math functions in it. There is one dropdown where depending on the users selection, the formula should be different. Here is the script so far: Code: <script language="javascript">
function calc(form) {
// set variables from input names
length= eval(form.length.value)
cope = eval(form.cope.value)
bevel = eval(form.bevel.value)
offset1 = eval(form.offset1.value)
// formula
calculation = (length-cope) + (offset1 / 2)
// display calculation in input
form.cut.value = calculation
}
</script>
So what I want is: if bevel=B1 and offset1 > 5, then the formula to use will be "calculation = (length-cope) + (offset1 / 2)" else, it will be "calculation = (length-cope)". I have tried to write this in a simple if.. but obviously my javascript skills are lacking, because the form just doesnt do any calculations at all. How do I go about this? Thanks! All, I have searched and experimented for quite some time to figure out how to read the return value from a function and have some sort of simple error that I suspect all of you will see immediately. I have tried to return a boolean, a string and a number to use a decision variable... Can one of you look at the code below and tell me what I am missing? (I am running this code a a workstation without any web server due to employer restrictions but I am having the same trouble on my development server ...) (I am trying to make a reusable function that will read the URL and let me know if it has a word in it so I can perform some logic.) Any help would be greatly appreciated... Thanks... <html> <head> <title> JS Test 1</title> <script type="text/javascript"> function OnBodyLoadLogic(){ // UrlHandler(); a test peice of code... UrlHandlerBoolean(); if (UrlHandlerBoolean() == true) { alert("This has the value some URL in the URL"); } else { alert("some is not in the URL"); } } function UrlHandler(){ var urlValue = (window.location.host); var urlValueLowerCase = urlValue.toLowerCase(); if (urlValueLowerCase.indexOf("some URL") != -1) { alert("This has the value some URL in the URL"); } else{ alert("some is not in the URL"); } } function UrlHandlerBoolean(){ var urlValue = (window.location.host); var urlValueLowerCase = urlValue.toLowerCase(); if (urlValueLowerCase.indexOf("some URL") != -1) { return true; } else{ return false; } } function load() { alert("Page is loaded"); } </script> </head> <body onload="OnBodyLoadLogic()"> <h3> JS Return Value</h3> <p> This the beginning of the Page. </p> <div> A Test Div <span id="ReturnValueDisplay" >Initial Value</span> </div> </body> </html> Please see the "watching eyes" next to the search box at the top of: http://www.burton.com I am looking to recreate a similar effect for a project, and I cannot figure out what script is running this. I can see there is some CSS and JS associated with this file but I cannot seem to figure out how it works. It seems to be done using x,y coordinates. Any help would be greatly appreciated. Thank you in advance, Jim Need help with the Script below. I got my radio buttons working, however...the rest of my form/webpage now won't appear. Advice? Please. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!-- InstanceBegin template="/Templates/2009-fs2-ochdes.dwt" codeOutsideHTMLIsLocked="false" --> <!--#include virtual="/global/admin/2009-fs2-site-configuration.shtml" --> <head> <!-- InstanceBeginEditable name="doctitle" --> <title></title> <!-- InstanceEndEditable --> <!--#include virtual="/global/ssi/2009-fs2-meta-details.shtml" --> <!--#include virtual="/global/ssi/2009-fs2-meta-standard.shtml" --> <!--#include virtual="/global/ssi/2009-fs2-meta-scripts.shtml" --> <!-- InstanceBeginEditable name="head" --> <script type="text/javascript"> if (window.addEventListener) window.addEventListener('load',init, true); else window.attachEvent('onload',init); function init() { inputs=document.forms.form1.getElementsByTagName('input'); for(i=0;i<inputs.length;i++) if(inputs[i].type.toLowerCase()=='radio') { thisOne = inputs[i]; radio_buttons.push(thisOne); thisOne.onclick=check_visibility; } fieldsets = document.forms.form1.getElementsByTagName('fieldset'); check_visibility(); } function check_visibility() { for(f=0;f<fieldsets.length;f++) { thisFieldset=fieldsets[f]; if(thisFieldset.id==root_fieldset)checkFieldsets.push(thisFieldset); else thisFieldset.style.display="none"; } do { checkFieldset=checkFieldsets.pop();//get an item to check if(typeof checkFieldset=='undefined') continue; inputs=checkFieldset.getElementsByTagName('input'); if(inputs.count==0) continue;//no inputs to check for(i=0;i<inputs.length;i++) { if(inputs[i].type.toLowerCase()!='radio') continue; thisRadio=inputs[i]; if(!thisRadio.checked) continue; //its a radio and its selected! dependants=visibility_dependancies[thisRadio.id]; if(typeof dependants=='undefined') continue; if(dependants.length==0) continue; for(d=0; d<dependants.length;d++) { newlyVisibleFieldset=document.getElementById(dependants[d]); checkFieldsets.push(newlyVisibleFieldset); newlyVisibleFieldset.style.display='block'; } } } while (checkFieldsets.length>0) } var radio_buttons = new Array(); var fieldsets = new Array(); var root_fieldset = 'Facility_Location_set'; var checkFieldsets = new Array(); var visibility_dependancies={ 'Facility_Location_BFR':new Array('BFR_type_set'), 'Facility_Location_BPAS':new Array('BPAS_type_set'), 'Facility_Location_CRES':new Array('CRES_type_set'), 'Facility_Location_GRLD':new Array('GRLD_type_set'), 'Facility_Location_LKMT':new Array('LKMT_type_set'), 'Facility_Location_PAU':new Array('PAU_type_set'), 'Facility_Location_RAC':new Array('RAC_type_set'), 'Facility_Location_SIS':new Array('SIS_type_set') }; </script> <style> fieldset{float:left; margin:0 2px;} label{padding-left:5px;} </style> <style type="text/css"> #TableBorder { border: thin solid #000; } </style> <!-- InstanceEndEditable --> </head> <body> <!--#include virtual="/global/ssi/2009-fs2-accessibility.shtml" --> <div id="page-wrapper"> <!--#include virtual="/global/ssi/2009-fs2-masthead.shtml" --> <!--#include virtual="/global/ssi/2009-fs2-spotlight-navigation.shtml" --> <div id="sidebar-wrapper" class="noprint"> <!--#include virtual="/global/ssi/2009-fs2-site-navigation.shtml" --> </div><!-- CLOSE sidebar-wrapper --> <div id="content-wrapper"> <!--#include virtual="/global/ssi/2009-fs2-contribute1.shtml" --> <!--#include virtual="/global/ssi/2009-fs2-breadcrumb.shtml" --> <!-- InstanceBeginEditable name="content" --> <h1>Report A Facility Maintenance Problem</h1> <!--#if expr="$QUERY_STRING = 'thankyou'" --> <h2>Thank You!</h2> <p>Thank you for reporting a Facility Maintenance Problem. </p> <!--#else --> <div id="contactus"> <form name="form1" id="form1" method="post" action="<!--#echo var='sitescripts' -->email-building-maint.php" /> <div id="emaildetails"> <input type="hidden" name="recipient_cc" value="cc" /> <input type="hidden" name="redirect" value="http://fsweb-ochdes.r6.fs.fed.us/eng/facilities/facility-maintenance-reporting/index.shtml?thankyou" /> <input type="hidden" name="required" value="Name,Phone_Number,email,recipient" /> <input type="hidden" name="subject" value="Facility Maintenance Problem Report" /> </div> <p><strong>* Fields with an asterisk are required</strong></p> <fieldset> <legend>Your Contact Information</legend> <dl> <dt><label for="Name">Your Name *</label></dt> <dd><input class="inputtext" type="text" id="Name" name="Name" /></dd> <dt><label for="Phone_Number">Your Telephone Number *</label></dt> <dd><input class="inputtext" type="text" name="Phone_Number" id="Phone_Number" /></dd> <dt><label for="email">Your Email Address *</label></dt> <dd><input class="inputtext" type="text" name="email" id="email" /></dd> <dt><label for="File_Location">Supporting Documents</label></dt> <p>If you have any supporting documents or shape files, please provide a file path to where it is stored on the network:</p> <dd><input class="inputtext" type="text" name="File_Location" id="File_Location" /></dd> </dl> <p><strong>Privacy Advisory:</strong> Your personal identifying information is being requested. We need this identifying information so that we can provide what you requested, and/or to respond to your comments. Generally, personal identifying information is destroyed after we fill your request. If you do not provide the requested personal information, we will be unable to respond directly to your request or comment.</p> </fieldset> <fieldset> <legend>Facility Site</legend> <p>Please provide the Facility Site:</p> <dl> <dt><label for="recipient">Facility Site*</label></dt> <dd><select class="inputselect" name="recipient" id="recipient"> <option value="" selected="selected">Select One...</option> <option value="bfr">Bend Fort Rock</option> <option value="bpas">Bend Pine Admin. Site</option> <option value="crescent">Crescent</option> <option value="GRLD">Crooked River National Grassland</option> <option value="LKMT">Lookout Mountain</option> <option value="PAU">Paulina</option> <option value="redmond">Redmond Air Center</option> <option value="sisters">Sisters</option> <option value="test">test</option> </select></dd> </dl> </fieldset> <fieldset id='Facility_Location_set'> <legend>Facility Location</legend> <div><input type='radio' name='Facility_Location' value='BFR' id='Facility_Location_BFR' /> Bend Fort Rock</div> <div><input type='radio' name='Facility_Location' value='BPAS' id='Facility_Location_BPAS' /> Bend Pine Admin. Site</div> <div><input type='radio' name='Facility_Location' value='CRES' id='Facility_Location_CRES' /> Crescent</div> <div><input type='radio' name='Facility_Location' value='GRLD' id='Facility_Location_GRLD' /> Crooked River National Grasslands</div> <div><input type='radio' name='Facility_Location' value='LKMT' id='Facility_Location_LKMT' /> Lookout Mountain</div> <div><input type='radio' name='Facility_Location' value='PAU' id='Facility_Location_PAU' /> Paulina</div> <div><input type='radio' name='Facility_Location' value='RAC' id='Facility_Location_RAC' /> Redmond Air Center</div> <div><input type='radio' name='Facility_Location' value='SIS' id='Facility_Location_SIS' /> Sisters</div> </fieldset> <fieldset id='BFR_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='BFR_type' value='Fall River Guard Station' id='BFR_type_Fall River Guard Station' /> Fall River Guard Station</div> <div><input type='radio' name='BFR_type' value='Lavalands Vistor Center' id='BFR_type_Lavalands Vistor Center' /> Lavalands Vistor Center</div> <div><input type='radio' name='BFR_type' value='Lookout' id='BFR_type_Lookout' /> Lookout</div> <div><input type='radio' name='BFR_type' value='Paulina Lake GS' id='BFR_type_Paulina Lake GS' /> Paulina Lake GS</div> <div><input type='radio' name='BFR_type' value='Scott St.' id='BFR_type_Scott St.' /> Scott St.</div> <div><input type='radio' name='BFR_type' value='Snow Creek' id='BFR_type_Snow Creek' /> Snow Creek</div> <div>Campground Name <input type='text' name='random_text' value='' id='Campground Name' /></div> <div>Other <input type='text' name='random_text' value='' id='Other' /></div> </fieldset> <fieldset id='BPAS_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='BPAS_type' value='Coolers' id='BPAS_type_Coolers' /> Coolers</div> <div><input type='radio' name='BPAS_type' value='Equipment Storage Bld.' id='BPAS_type_Equipment Storage Bld.' /> Equipment Storage Bld.</div> <div><input type='radio' name='BPAS_type' value='Lab' id='BPAS_type_Lab' /> Lab</div> <div><input type='radio' name='BPAS_type' value='New Office' id='BPAS_type_New Office' /> New Office</div> <div><input type='radio' name='BPAS_type' value='Packing Shed' id='BPAS_type_Packing Shed' /> Packing Shed</div> <div><input type='radio' name='BPAS_type' value='Shop' id='BPAS_type_Shop' /> Shop</div> </fieldset> <fieldset id='CRES_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='CRES_type' value='Crescent Lake G.S.' id='CRES_type_Crescent Lake G.S.' /> Crescent Lake G.S.</div> <div><input type='radio' name='CRES_type' value='Lookout' id='CRES_type_Lookout' /> Lookout</div> <div><input type='radio' name='CRES_type' value='Office Compound' id='CRES_type_Office Compound' /> Office Compound</div> <div><input type='radio' name='CRES_type' value='Rosedale' id='CRES_type_Rosedale' /> Rosedale</div> <div>Campground Name <input type='text' name='random_text' value='' id='Campground Name' /></div> <div>Other <input type='text' name='random_text' value='' id='Other' /></div> </fieldset> <fieldset id='GRLD_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='GRLD_type' value='Field Headquarters' id='GRLD_type_Field Headquarters' /> Field Headquarters</div> <div><input type='radio' name='GRLD_type' value='Lookout' id='GRLD_type_Lookout' /> Lookout</div> <div>Campground Name <input type='text' name='random_text' value='' id='Campground Name' /></div> <div>Other <input type='text' name='random_text' value='' id='Other' /></div> </fieldset> <fieldset id='LKMT_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='LKMT_type' value='Dispatch' id='LKMT_type_Dispatch' /> Dispatch</div> <div><input type='radio' name='LKMT_type' value='Helibase' id='LKMT_type_Helibase' /> Helibase</div> <div><input type='radio' name='LKMT_type' value='Lamonta' id='LKMT_type_Lamonta' /> Lamonta</div> <div><input type='radio' name='LKMT_type' value='Lookout' id='LKMT_type_Lookout' /> Lookout</div> <div><input type='radio' name='LKMT_type' value='Ochoco R.S.' id='LKMT_type_Ochoco R.S.' /> Ochoco R.S.</div> <div><input type='radio' name='LKMT_type' value='Ranger Rental' id='LKMT_type_Ranger Rental' /> Ranger Rental</div> <div><input type='radio' name='LKMT_type' value='S.O.' id='LKMT_type_S.O.' /> S.O.</div> </fieldset> <fieldset id='PAU_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='PAU_type' value='Cold Spring Rental' id='PAU_type_Cold Spring Rental' /> Cold Spring Rental</div> <div><input type='radio' name='PAU_type' value='Lookout' id='PAU_type_Lookout' /> Lookout</div> <div><input type='radio' name='PAU_type' value='Rager' id='PAU_type_Rager' /> Rager</div> <div>Campground Name <input type='text' name='random_text' value='' id='Campground Name' /></div> <div>Other <input type='text' name='random_text' value='' id='Other' /></div> </fieldset> <fieldset id='RAC_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='RAC_type' value='Admin' id='RAC_type_Admin' /> Admin</div> <div><input type='radio' name='RAC_type' value='Air Tanker Base' id='RAC_type_Air Tanker Base' /> Air Tanker Base</div> <div><input type='radio' name='RAC_type' value='Barracks' id='RAC_type_Barracks' /> Barracks</div> <div><input type='radio' name='RAC_type' value='Cache' id='RAC_type_Cache' /> Cache</div> <div><input type='radio' name='RAC_type' value='Paraloft' id='RAC_type_Paraloft' /> Paraloft</div> <div><input type='radio' name='RAC_type' value='RAG' id='RAC_type_RAG' /> RAG</div> <div>Other <input type='text' name='random_text' value='' id='Other' /></div> </fieldset> <fieldset id='SIS_type_set'> <legend>Facility Name</legend> <div><input type='radio' name='SIS_type' value='Allingham' id='SIS_type_Allingham' /> Allingham</div> <div><input type='radio' name='SIS_type' value='Lookout' id='SIS_type_Lookout' /> Lookout</div> <div><input type='radio' name='SIS_type' value='Office Compound' id='SIS_type_Office Compound' /> Office Compound</div> <div><input type='radio' name='SIS_type' value='Portal' id='SIS_type_Portal' /> Portal</div> <div><input type='radio' name='SIS_type' value='Warehouse Compound' id='SIS_type_Warehouse Compound' /> Warehouse Compound</div> <div>Campground Name <input type='text' name='random_text' value='' id='Campground Name' /></div> <div>Other <input type='text' name='random_text' value='' id='Other' /></div> </fieldset> <fieldset> <legend>Maintenance Area</legend> <dl> <dt><label for="Type_of_Error">Problem that you would like to Report *</label></dt> <dd><select class="inputselect" name="Type_of_Error" id="Type_of_Error"> <option value="Select One">Select One ...</option> <option value="Doors/Locks/Gates = Access">Doors/Locks/Gates = Access</option> <option value="Fence">Fence</option> <option value="HVAC">HVAC</option> <option value="Lights">Lights</option> <option value="Restrooms">Restrooms</option> <option value="Windows/Blinds">Windows/Blinds</option> <option value="Other">Other</option> </select></dd> </dl> </fieldset> <fieldset> <legend>Miscellaneous Information</legend> <dl> <dt><label for="Additional_Information">Please Describe the Problem You are Reporting</label></dt> <dd><textarea class="inputtextarea" id="Additional_Information" name="Additional_Information" rows="11" cols="65"></textarea></dd> </dl> </fieldset> <fieldset> <legend>Send Email To Us</legend> <dl> <dt><label for="submit">Submit Form</label></dt> <dd><input class="inputsubmit" type="submit" id="submit" name="submit" value="Let us Know!" /></dd> </dl> </fieldset> </form> </div> <!--#endif --> <!-- InstanceEndEditable --> <!--#include virtual="/global/ssi/2009-fs2-contribute2.shtml" --> </div> <!-- CLOSE content-wrapper --> <!--#include virtual="/global/ssi/2009-fs2-footer.shtml" --> </div> <!-- CLOSE page-wrapper --> </body> <!-- InstanceEnd --></html> |
|||||||