JavaScript - Change Font-size When Opera Detected

Hello,

Is there a way to change the font of the text within a document.writeln statement? Here is my code:

Code:

<pre><script type="text/javascript">
var num1= prompt ("Enter a number between 1 and 5");
try  { 
  if(x>5) {
    throw "Err1";
    }
  else if(x<1) {
    throw "Err2";
  }
}
catch(err) {
  if(err=="Err1") {
    document.writeln("Error! The value is too high.");
    document.writeln("Please enter a new value.");
    }
  if(err=="Err2"){
    document.writeln("Error! The value is too low.");
    document.writeln("Please enter a new value.");
    }
}</script></pre>

Thanks.

I have a javascript that randomly displays a different quote on my website. I have the quote programmed in, and they show up, but the text is tiny. I need help making the text bigger. I am a beginner at this, so i would appreciate help. This is the code:

Code:

<script language='JavaScript'>
function random_content(){
var mycontent=new Array()
mycontent[1]='Repent! The end is coming! Were out of chips!'
mycontent[2]='I WANT, TO EAT, A DINOSAUR.'
mycontent[3]='Last night I lay in bed looking up at the stars in the sky and I thought to myself, where the heck is the ceiling.'
mycontent[4]='IT\'S A TRAP!'
mycontent[5]='tardo power,activate!'
mycontent[6]='LMS if ur gay'
mycontent[7]='1,2,...5!'
mycontent[8]='Box O Digletts'
mycontent[9]='Justice is best served cold, with a side of ranch dressing'
mycontent[10]='umm...I got nothing...awkward'
mycontent[11]='Once you visit you can never leave'
mycontent[12]='50% CaCow'
mycontent[13]='almost racist free!'
mycontent[14]='The last thing I want to do is hurt you. But it\'s still on the list'   
mycontent[15]='BOOM! Left turn!'
mycontent[16]='Redrum'
mycontent[17]='If 4 out of 5 people SUFFER from diarrhea... does that mean that one enjoys it?'
mycontent[18]='Never, under any circumstances, take a sleeping pill and a laxative on the same night'
mycontent[19]='the beginning of the end'
mycontent[20]='Flaming fireballs Batman!'
mycontent[21]='gotta catch em\' all'
mycontent[22]='for the african children!'
mycontent[23]='One sexy thang'
mycontent[24]='It\'s Tardolicious!'
mycontent[25]='That\'s no moon!'
mycontent[26]='Caboose is god?'
mycontent[27]='MLIT'
var ry=Math.floor(Math.random()*mycontent.length)
if (ry==0)
ry=1
document.write(mycontent[ry])
}
random_content()
//-->
</script>

I have an iframe that is a specific height and width. I want to detect whenever the the iframe is no longer exactly the height i set it to. If a user has CSS turned off for example the iframe will be in default height and width. I want to detect that.

This is how you'd normally do it but this only returns the original size (try with 'no style' in Firefox):

Code:

function getSize()
{
alert('height is now '+document.getElementById("Iframemain").height)
alert('height is now '+document.getElementById("Iframemain").width)
}

Is it possible?

I am trying to figure out how to change certain text's font color, in the text area. I have been looking everywhere, but I haven't found a solution.
Any help would be great,
thanks,
mazzzzz

Hi,
I have 3 sum fields which I want to change to a red colour if the value is > or < 100.
Apparently this is a DAP, but I am using javascript to tweek some of the settings in DAP.

function subtotal()
if(document.getElementById("Sum1").value>100&&<100)
{
this.style.cssText='Z-INDEX: 2; LEFT: 6.667in; WIDTH: 0.729in; COLOR: red'
{
else
this.style.cssText='Z-INDEX: 2; LEFT: 6.667in; WIDTH: 0.729in; COLOR: #339966'
</SCRIPT>
<SPAN class=MSTheme-Label id="Sum1_Label"
style="Z-INDEX: 1; LEFT: 0.25in; OVERFLOW: hidden; WIDTH: 0.711in; POSITION: absolute; TOP: 0.125in; HEIGHT: 0.161in">Totals:</SPAN><SPAN
class=MsoBoundSpan id="Sum1" onmouseover="subtotal()" dataFormatAs=TEXT
style="Z-INDEX: 2; LEFT: 5.416in; WIDTH: 0.729in; COLOR: #339966; POSITION: absolute; TOP: 0.125in; HEIGHT: 0.187in"
MsoTextAlign="General">Sum of Product 1</SPAN><SPAN class=MsoBoundSpan
id="Sum2" onmouseover="subtotal()" dataFormatAs=TEXT
style="Z-INDEX: 2; LEFT: 6.667in; WIDTH: 0.729in; COLOR: #339966; POSITION: absolute; TOP: 0.125in; HEIGHT: 0.187in"
MsoTextAlign="General">Sum of Product 2</SPAN><SPAN class=MsoBoundSpan
id="Sum3" dataFormatAs=TEXT
style="Z-INDEX: 2; LEFT: 7.917in; WIDTH: 0.729in; COLOR: #339966; POSITION: absolute; TOP: 0.125in; HEIGHT: 0.187in"
MsoTextAlign="General">Sum of Product 3</SPAN></DIV>

I'm a noobie at coding, and I was wondeirng if anyone can help me with the coding.

Many Thanks

I want the font color in the div to change color onclick and change back when clicked again. Tjis works only in IE but other browsers like FF and safari it changes color on click but does not change color back. I need it to work across. Please advise!

<div onclick="if(this.style.color=='#666666') this.style.color='#005dab'; else this.style.color='#666666';" class="question">Your question goes here..</div>

Hi sorry if this is a very simple question but how do I change the font color for certain elements of this javascript code that the client sees on their brower?

This is a count down script and I have made the code red that I am trying to change - any idea how to do this? Thanks v much!!!!

<script type="text/javascript">

var today=new Date()

//Enter the occasion's MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(), 03, 21)

//Customize text to show before and on occasion. Follow grammer below:
var beforeOccasionText="until this event"
var onOccasiontext="Event is Today!"

var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" //show date of occasion

var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){ //if bday already passed
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

//Display message accordingly
var pluraldayornot=(calculatediff==1)? "day" : "days"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+" "+showdate+"!</b>")

</script>

Hello all,

Can anyone help me with a script for changing font color of a number within a table when there is a match?

Table A contains numbers and table B contains numbers.

When table B numbers matches some of the numbers in table A, the numbers in table A need to change color.

I hope you understand what I mean.

I'm using javascript to change the color of certain words in an html document. Right now it uses <font> to make the change. I would like to use a CSS class named "alert" from an external style sheet to make the change. I've tried multiple things but no luck (className="alert", setClassName="alert" )
What is the correct way to replace the font part with a CSS class?

Here is the working script:

Code:

<script type = "text/javascript">

window.onload = function (){
var text = document.getElementsByTagName('body')[0].innerHTML;
text = text.replace(/disabled/gi, "<font color=red>Disabled</font>" );
text = text.replace(/\blocked/gi, "<font color=red>Locked</font>" );
document.getElementsByTagName('body')[0].innerHTML = text;
}

</script>

Ok my menuBarContainer div wont change width or height... I've tried everything... whats stopping it?

http://opentech.durhamcollege.ca/~in...rittains/labs/

Hi,

I'm creating web application that picks out a randomly chosen image from google, and displays it in the browser window every time it is refreshed. What I'm struggling with is that I want the browser window to resize automatically to exactly fit the image displayed.

I know how to resize a browser window, but I want it done dynamically. Can anyone help me with this?

I'm using a nice little script which replaces the usual file upload input with whatever image you want and then with JS makes sure that an invisible 'browse' button is underneath the mouse pointer whenever the mouse is moved over the image you want to use.

Nice

It works on every browser ie7 ie8 ie9 FF safari chrome but not on opera. On Opera the regular file input appears.

I've had a good hoke round the 'net and I know there's loads of scripts which do similar things. But either they are too complicated for me to figure out how to use them eg uploadify (bit of a newbie) or they do similar things but just not as well - like making the custom image the same size as the file input would be (there's issues with that too).

here's the script I'm using - there's not much to it

How come it doesn't work in Opera grrrr... Is there anyway to fix it? This is perfect for what I want apart from not working in Opera

http://www.***.com/5.html

i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....

thanks for any help

ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?

Hi folks,

I have some complex (to me) JS code that displays time and date for the selected location from a drop-down. It can handle half hours and DST adjustments. But it only displays the results in IE. Here is where I call it in html.

Code:

	<font color="#894DFB" size="3"><b><em><span id="wc_clock"></span></em></b></font>
	<br><span id="wc_date"></span>