JavaScript - Change Font Size Mid Line

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

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,
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

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?

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?

I'm looking for some kind of font veiwer to put on my website where a user enters text in a box, selects the font then the entered text is displayed in the selected font. A bit like the one they use on DaFont.com.

I don't know if this is done with javascript or not. Can anyone help a newbie?

On my webpage, I dynamically create an iFrame when a button is pressed, then load a html page from within my own domain into the iframe, based on what html page is loaded into a variable. My question is, can I dynamically change the font family of the loaded html page from the javascript of the main page?

My code to create the iframe is:

Code:

function setSubTxt(){
  
 
  var par = document.getElementById('parentDiv');
  par.innerHTML = '<iframe src="'+subTxt+'" style="width: 375px; position: fixed; height: 365px; left: 400px; top: 145px; border=none;" name="subIframe" frameBorder=0></iframe>';
  
 
  frames['subIframe'].window.location=subTxt;
  document.subIframe.document.body.style.fontFamily = "Arial";

  $('parentDiv').fade(1);
}

the variable "subTxt" has the url of the html page to be loaded (always on the same domain).

The code:
Code:

 document.subIframe.document.body.style.fontFamily = "Arial";

was my attempt to dynamically change the font, but it didn't work. Also, it should be noted that there is no font family set in the html pages which would override this.

Thanks