JavaScript - Javascript Doesnt Change After Page Refresh

Hello Friends
In my jsp,Struts project i am using the javascript calendar control for selecting the date and by using function calcage() i am calculating the age of the user but problem occurs when the page refreshes OR when user updated the other values such as name ,contact no.
Then the value of the age is set as 0 in the textfield as 0
So can you please tell me why this problem occurs
And please give me solution

Thanks

i'm working with a city select option, a hotel select option & an iframe. the hotel select option is populated depending on the chosen city which then updates the iframe src. this is all working fine.

the trouble im having is that when the page is refreshed, normal f5 way, the hotel option changes whereas the city option & the iframe src remains the same??

this problem does not occur on a force refresh via control + f5 as then both select options & iframe src revert to their original state.

I don't want the city option to change upon a normal page refresh. how do I go about this?

below are the city, hotel select options & iframe
Code:

    <form name="hotelslist" id="hotelslist">
        <select id="cities" name="cities" onChange="hotel_list(hotelslist.cities.selectedIndex);loadHotel();">
          <option value="Baddeck">Baddeck</option>
          <option value="Banff">Banff</option>
        </select>
    <select id="hotelnames" name="hotelnames" onChange="loadHotel();">
          <option value="Inverary Resort, Baddeck">Inverary Resort, Baddeck</option>
        </select>
      </form>

<iframe name="hotelframe" id="hotelframe" src="http://www.google.com" scrolling="no" width="660" height="1000" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"> <p>Your browser does not support iframes.</p> </iframe>

below is my javascript functions
Code:

function loadHotel() { 
    var destURL = document.hotelslist.hotelnames.options[document.hotelslist.hotelnames.selectedIndex].value; 
		window.frames["hotelframe"].location = destURL; }

var i;
function hotel_list(i){
var hotelslist = document.getElementById("hotelslist");
	hotelslist.hotelnames.options.length=0;
	
switch(i)
{	
case 0: //Baddeck
hotelslist.hotelnames.options[0] =new  Option('Inverary Resort, Baddeck','http://www.test0.com');
break;
case 1: //Banff
hotelslist.hotelnames.options[0] =new  Option('Banff Caribou Lodge & Spa','http://www.test1.com');
hotelslist.hotelnames.options[1] =new  Option('Banff Ptarmigan Inn','http://www.test2.com');
hotelslist.hotelnames.options[2] =new  Option('Banff Rocky Mountain Resort','http://www.test3.com');
hotelslist.hotelnames.options[3] =new  Option('The Rimrock Resort','http://www.test4.com');
hotelslist.hotelnames.options[4] =new  Option('Fairmont Banff Springs','http://www.test5.com/');
break;
}
}

can some one please advise on a cross browser solution?

thanks in advance.
Omar.

I have a php file lets say file1.php, that printing a variable, its dynamic numbers output that already always increasing, like private message numbers that coming or others :

PHP Code:
<?php
echo $variable
?>



i want to put that variable output, in another files page title, lets say file2.php or file3.html,
in the front of the another files page titles, and auto refresh every x seconds, maybe like this :

Quote:
(1) - another text in the page title
after x seconds, get a private message
Quote:
(2) - another text in the page title
after another x seconds, get another private message
Quote:
(3) - another text in the page title




or its ok if just like this, only the variable, without the another text in the page title
Quote:
(1)




please share your knowledge to make it, maybe using javascript, jquery or others

Hey i am using a dropdown list to change an image but i doesnt work

Javascript:

Code:

addEventListener("load", configurator, false);

function configurator() {
    var model = document.getElementById("Model").value
    var afbeelding = document.getElementById("modelafbeelding")

    

    switch (model) {
        case "Audi A1":

            var foto = "./images/audia1.png"
       
            afbeelding.innerHTML = ("<img class='sizedgarage' src='" + foto + "'>");
            break;
        case "Audi A3":

            var foto = "./images/audia3.png"

            afbeelding.innerHTML = ("<img class='sizedgarage' src='" + foto + "'>");
            break;
        case "Audi A4":

            var foto = "./images/audia4.png"

            afbeelding.innerHTML = ("<img class='sizedgarage' src='" + foto + "'>");
            break;
        case "Audi A5":

            var foto = "./images/audia5.png"

            afbeelding.innerHTML = ("<img class='sizedgarage' src='" + foto + "'>");
            break;
        case "Audi A6":

            var foto = "./images/audia6.png"

            afbeelding.innerHTML = ("<img class='sizedgarage' src='" + foto + "'>");
            break;
        case "Audi R8":

                var foto = "./images/audir8.png"

        afbeelding.innerHTML = ("<img class='sizedgarage' src='" + foto + "'>");
            break;


    }
}

HTML:

Code:

   <tr>                    
                        <td><select id="Model" name="Model">
                            <option>Audi A1</option>
                            <option>Audi A3</option>
                            <option>Audi A4</option>
                            <option>Audi A5</option>
                            <option>Audi A6</option>
                            <option>Audi R8</option>
                        </select></td>
                        <div id="modelafbeelding"></div>
                    </tr>

I tried to word the question as best as possible, but here is what I want to do. I am creating a calculator online and it is getting more and more extensive, which is good b/c I'm learning a lot. Here is what I'm trying accomplish now.

I am using "input" to get information from the user in the top section of my calculator and that will always stay the same.

The part that will change is the results section (bottom part of the calc) based on a few different variations or setups, so I want to be able have them click on a few different options.

Option 1
Option 2
Option 3

Depending on which one they click I want the javascript that is run for the results section to correspond to the option chosen. I also, want to be able to have a default option displayed the first time the page is loaded and then have it change if a different option is chosen. I don't think reloading the page is necessary, but I'm new to this and could use a little direction.


I hope what I'd like to do makes a little sense. I'm not asking for any code written that will do this, but naturally something hints or tips that could get me going.

I don't know how to "monitor" a link and return a value to a variable, so that it can be put into a an if statement in the results section. After that, it would be continually monitored or somehow restarted if the variable does change. Again, I don't know if this is the best way to go at it, but I'm not sure at all. Any help would be awesome. I have looked at "onclick", but I'm not completely sure how I can tie it all together of if I should use another method. Thanks for any suggestions/ideas/help.

Good Morning people,
here is my problem, I have seen Java before but never really understood it, I have created a drawing from visio 2010 and published it as a web page that creates java scripts etc, the idea of the drawing is to be a "computer locator" the 2 problems that I have is that I want the shape to change color when located (hightlighted) and the second part is to disabe ctrl+click to access the hyperling that runs the command (which might be a IE8 thing not java??)

here is the script I think I need to change to highlight the shape

Code:

function FindOnClick()
{
	var count, indexOfString;
	
	var fieldsToSearchArray = new Array();
	if (parent.xmlData != null && document.theForm[strProps + strChkBox].checked)
	{
		for( count=0; count < document.theForm.length; count++ )
		{
			indexOfString = document.theForm[count].name.indexOf(strPropChkBox);
			if( -1 != indexOfString && document.theForm[count].checked )
			{
				fieldsToSearchArray[ fieldsToSearchArray.length ] = document.theForm[count].name.slice(0, indexOfString);
			}
		}
	}

	var searchTokensArray = CreateSearchTokens (document.theForm.findString.value);

	if (searchTokensArray.length > 0)
	{
		var findArray = Find(searchTokensArray, fieldsToSearchArray);
		var ArrayLength = findArray.length;
		var strResultsHTML = "No matches found.";
		var lastPageID = null;
		var shapeID;
		
		
		if(ArrayLength > 0)
		{
			strResultsHTML = strResults + ' <b>'+ parent.HTMLEscape(document.theForm.findString.value) +'</b>';
			for ( count = 0; count < ArrayLength; count++)
			{
			
				if( lastPageID != findArray[count].PageID )
				{
					lastPageID = findArray[count].PageID;
				}

				shapeID = findArray[count].ShapeID;
				strResultsHTML += '<p class="results"><a href="javascript:populateSearchResultDetails(\'results_'+ lastPageID +'_'+ shapeID +'\', '+ lastPageID +','+ shapeID +'); TogglePlus(\'results_' + lastPageID + '_' + shapeID + '\',\'img_' + lastPageID + '_' + shapeID + '\', hideResults)"><img src="plus.gif" style="padding-left:13px" alt="Barrie Changed this" width="13" height="9" border="0" id="img_'+ lastPageID +'_'+ shapeID +'"></a>\n'
				strResultsHTML += '<a  class="blu1" href="JavaScript:FindQuerySelect(';

				strResultsHTML += findArray[count].PageID + ",";
				strResultsHTML += findArray[count].ShapeID + ",";
				strResultsHTML += findArray[count].PinX + ",";
				strResultsHTML += findArray[count].PinY;

				strResultsHTML += ')">'+ findArray[count].Title +'</a></p>\n'

				strResultsHTML += '</div>\n';
				strResultsHTML += '<div class="indent" id="results_'+ lastPageID +'_'+ shapeID +'" style="display:none;width:90%;"></div>\n'
			}

		}
		var divAdvSrch = document.getElementById("hideAdvSrch");
		var imgAS0 = document.getElementById("as0");
		
		var tmpObj = document.getElementById("hideResults");
		if( tmpObj != null )
		{
			tmpObj.innerHTML = strResultsHTML;
			tmpObj.open = "true";
			tmpObj.style.display = "block";

any help would be very much appricated
__________________
Barrie
Willyouhelpmefixmykeyboard?Thespacebarisbroken!

Hi All,

Im trying to add some content by JS (which ive done) but i cant click a link i have made;

JS: Code:

function game() {
	document.getElementById('title').innerHTML =  '<p style="float: left; text-decoration: underline; font-weight: bold;">Deady Teddy</p><img  src=css/images/popup/close.png style="float: right; cursor: hand;" href="javascript: hideModal("modalPage");"></img>';
}

*Yes i know about the Href but if i put "onClick" it gives errors*;

HTML:

Code:

<a href="javascript:void(0);" onClick="javascript: revealModal('modalPage'); game();">Deady Teddy </a>

And place its adding it to:

Code:

<div id="modalPage">
	<div class="modalBackground"></div>
		<div class="modalContainer">
			<div class="modal">
				<div class="modalTop" id="title" onselectstart='return false'>
</div></div></div></div>

Any Idea's?

Hey Everyone,

Thanks for reading my thread, I really hope I'm not asking a dumb question as I am teaching myself java but here goes. I'm a bit stuck and want my code to output a message when a form input does not contain a word (like lets say codingforums.com). I know it outputs my message when the field is left blank but here's what I have, any help will be greatly appreciated

Thanks.

Code:

function checkPostFields(form) {
	
	var msg = '';
	var value_missing = false;

	if (form.elements['test'].value == ''
			) {
		msg += '<?php echo $errormessage; ?>\n';
		value_missing = true;
	}
}

Hello here is my code that im dealing with and only second sliceshow works for me i need them both that would be working together please help me! thanks for any help here is my script

<head>
<title>Easy Slider jQuery Plugin Demo</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
nextId: "slider1next",
prevId: "slider1prev"
});

});

</script>

<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />

<link rel="stylesheet" type="text/css" href="leidyba/css/demo.css" />
<link rel="stylesheet" type="text/css" href="leidyba/css/styleleidyba.css" />
<link rel="stylesheet" type="text/css" href="leidyba/css/jquery.jscrollpane.css" media="all" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />




<div id="container">

<div id="header">
<h1>Easy Slider jQuery Plugin - Multiple sliders</h1>
</div>

<div id="content">

<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="slide/images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="slide/images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="slide/images/03.jpg" alt="Css Template Preview" /></a></li>

</ul>
</div>


<div class="container">

<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<div class="ca-item ca-item-1">
<div class="ca-item-main">
<div class="ca-icon"></div>
<h3>Knygų leidyba</h3>
<h4>
<span class="ca-quote">&ldquo;</span>
<span>The greatness of a nation and its moral progress can be judged by the way in which its animals are treated.</span>
</h4>
<a href="#" class="ca-more">plačiau...</a>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h6>Knygų leidyba</h6>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<p>I am so happy, my </p>
<p>When, while the </p>
<p>She packed her .</p>
</div>
<ul>
<li><a href="#">Read more</a></li>
<li><a href="#">Share this</a></li>
<li><a href="#">Become a member</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</div>
</div>
<div class="ca-item ca-item-2">
<div class="ca-item-main">
<div class="ca-icon"></div>
<h3>Reklaminiai bukletai</h3>
<h4>
<span class="ca-quote">&ldquo;</span>
<span>I hold that the more </span>
</h4>
<a href="#" class="ca-more">plačiau...</a>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h6>Would you eat your dog?</h6>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<p>I am so happy, my .</p>
<p>When, while the </p>
<p>She packed her </p>
</div>
<ul>
<li><a href="#">Read more</a></li>
<li><a href="#">Share this</a></li>
<li><a href="#">Become a member</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</div>
</div>

</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="leidyba/js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="leidyba/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="leidyba/js/jquery.contentcarousel.js"></script>

<script type="text/javascript">
$('#ca-container').contentcarousel({
});


</script>
</div>

</body>
</html>

i have a page named pck_rates.php which contains a form that go to the page update_pck_rates.php

when i press updade data button in the second page i want the first page to be refreshed to show the new data's.


i want to know if i can set a name to the page pck_rates.php and after the update query in the second page i will refresh the pck_rates.php page using this name??

i don't know what is the function and how to make this idea.
can anyone help me please

Hi Guys,

Our company own a lot of domains and want to put a short page of copy on each address along with keywords before redirecting the user to our main site.

I have been able to get the page to load the main site after the desired time using this code in the head...

Quote:
<META HTTP-EQUIV="refresh" CONTENT="40;URL=http://webaddress.com/">
That works perfectly, I am now trying to display a countdown timer from 40 seconds down to 0, and on 0 redirect the user. Saying something like "You will be redirected in XX seconds".

Is there anyway of doing this? I've been searching google for the answers with no luck and can only seem to find timers that countdown to a set date.

Thanks in advance!
Ria

<HEAD><TITLE>main</TITLE>
<meta http-equiv="refresh" content="5;url=http://localhost/php_basic/short_pro/php/main.php">

<!--<script language="JavaScript">

var i=0;
function validat()
{
setTimeout("moretext()",5000);
alert("santosh");
}

function moretext()
{
if(i==0)
{
alert(window.location);
window.location.reload();
i++;
}
else
{

}

}

</script>-->

</head>
<BODY onload="validat();">


i hav written dis code to auto refresh page only once but it is refreshing after every 5 seconds. Earlier i hav wriiten meta tag but it is refreshing page after every 5 seconds & after that i hav wriiten script to auto reffresh page only once but they both r doin the same work,so can u plz help me in solvin my problem

Hi,

For the last few day's i've been searching for a js/ajax div refresh.

I need a js/ajax script that refresh a div every 10 seconds or gets menu.php file and updates it.

Thanks.

How can I write a JavaScript for the following requirement. I have to go to a link say Quote:
www.google.com
and refresh it for every 5 seconds continuously.

Thanks