JavaScript - Calling Js From Asp.net Code Behind And Page Not Fully Loaded

Im very new to java scripting so any help would be truly appreciated. I have a single web page that loads several iframes. One of the iframe pages has to be logged in first. I have that taken care of but once the page is loaded I need to change the source to a link with in the page. My guess is I need something to execute the code like a onload or something. This is what Ive been trying to get to work but like I said a newb!

The iframe in question is named "cad"
the initial source once loaded is 'https://urlname.com/mainmenu.asp'
the source I need to change to is 'https://urlname.com/UnitStatusF.asp?agency_id=28'

[CODE]
function ChangesSrc()
{
var iframeid = document.getElementById(cad);
var unitstatus = 'https://urlname.com/UnitStatusF.asp?agency_id=28'
if (iframeid.src = 'https://urlname.com/mainmenu.asp')
iframeid.src = unitstaus;
return false;
}
[[CODE]

The project I am working on involves a flash piece that communicates with a iframe. Currently the flash piece just calls on javascript functions. I want the buttons in the flash piece to be able to change the src of the iframe.

PHP Code:
<script type="text/javascript">

document.getElementById('video').setAttribute('src',address2);

function closeVideo() {
   document.getElementById('video').style.height='0px'; return false;
   document.getElementById('video').setAttribute('src', address2);
   }
function openVideo() {
        document.getElementById('video').style.height='391px'; return false;
        document.getElementById('video').setAttribute('src', address);
}  
</script> 


So the way the code works now is when the page loads it sets the iframe with the id of 'video' to the variable address2 which it pulls from an XML file. In the flash piece when a button is hit, it calls openVideo() which "opens" the iframe and I want it to change the contents to address. This does not work though. It opens the frame but will not change the src.

I've tried a bunch of different things now such as make the flash target the iframe using navigateToURL(request1, 'video'); but in Firefox and IE is opens it stills as if I had _blank in there. It does strangely work in Safari.

Any ideas how to get this to work? I'm new to javascript so it could be something basic I'm overlooking

hi, on my page: here
the logos are greyscale but when the page is loading they flash up in colour?! could this be avoided and hidden?


here is my Javascript o apply greyscale to my logos
Code:

$(window).load(function(){ // On window load. This waits until images have loaded which is essential

		
						// Fade in images so there isn't a color "pop" document load and then on window load
						$("#our-work img").animate({opacity:1},500);
		
						// clone image
						$('#our-work img').each(function(){
							var el = $(this);
							el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0","margin-left":"64px;"}).insertBefore(el).queue(function(){
								var el = $(this);
								el.parent().css({"width":this.width,"height":this.height});
								el.dequeue();
							});
							this.src = grayscale(this.src);
						});
						
						// Fade image 
						$('#our-work img').mouseover(function(){
							$(this).parent().find('img:first').stop().animate({opacity:1}, 1000);
						})
						$('.img_grayscale').mouseout(function(){
			$(this).stop().animate({opacity:0}, 1000);
	});		
});
					
	
					// Grayscale w canvas method
					function grayscale(src){
						var canvas = document.createElement('canvas');
						var ctx = canvas.getContext('2d');
						var imgObj = new Image();
						imgObj.src = src;
						canvas.width = imgObj.width;
						canvas.height = imgObj.height; 
						ctx.drawImage(imgObj, 0, 0); 
						var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
						for(var y = 0; y < imgPixels.height; y++){
							for(var x = 0; x < imgPixels.width; x++){
								var i = (y * 4) * imgPixels.width + x * 4;
								var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
								imgPixels.data[i] = avg; 
								imgPixels.data[i + 1] = avg; 
								imgPixels.data[i + 2] = avg;
							}
						}
						ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
						return canvas.toDataURL();
				}

Can a random page be loaded without a prior visit to a site?

I have a list of 15 people with a photo and contact information in a table with 3 columns and 5 rows. The issue is that the people near the bottom want a chance to be at the top the first time the page is viewed. It is unlikely that a second visit would happen.
Is this possible to load a random page for a site without it being viewed or logged into before, therefore no cookies will be used.

My knowledge of Java script code is limited so any help would be great.

Thanks

Motty

I doubt this is possible, but I have no idea what actually happens when a page loads, so I thought I would give it a shot...

if a js file that is loaded externally has parameters, is it possible to turn those parameters into variables, giving the user the option to select the variable's value after the page has loaded?

maybe a concrete example would be better...

in google maps, the api is loaded like this:
Code:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

but if you wanted to specify that you want the api to function in Spanish, you load it like this:
Code:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es"></script>

and that language=es is the one that I want to change. But I can't seem to make it into a variable on page load, like this:
Code:

<script type="text/javascript">
	var lang="es";
	</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=lang"></script>

much less make it changeable once the page has loaded.

I have a feeling that this is a really dumb question, but can it be done without reloading the entire page?

Hi, ive been asked to make a blackjack game in javascript but I have a little bit of a problem. When the page loads, it deals cards to the player and the dealer, showing which cards have been dealt and the current scores. When I press the HIT button, i need to add another card to the array player_hand_img, and the value of this card to player_hand. I have successfully created this code, but my question is, how do I update the information (the score and the cards) on the screen after it has loaded? Can you do this in JavaScript or do I need another language?

Thanks very much in advance!

I have a form with three fields. When the user changes the value of field1, the form displays either field2 or field3. This works fine for NEW records.

However, I'm running into a problem when trying to EDIT an existing record. When the form is loaded, I need to test the value of field1 and display either field2 or field3. I've tried using the form onload event, but do not know how to access the value of field1.

I'm using Javascript and div tags.

This is what I have so far.

<script type="text/javascript">

function hide(obj)
obj1 = document.getElementById(obj);
obj1.style.display = 'none';
}

function show(obj)
{
obj1 = document.getElementById(obj);
obj1.style.display = 'block';
}

function show_other(optionValue)
{
if(optionValue=='C') { show('divClass');} else{hide('divClass'); }
if(optionValue=='W') { show('divWorkshop');} else{hide('divWorkshop'); }
}
</script>

/* Field1 - is a drop down list */
<select name="ClassType" size="1" onchange="show_other(this.value)">
...
</select>

/* Field2 */
<div id="divClass">
...
</div>

/* Field 3 */
<div id="divWorkshop">
...
</div>

Appreciate any assistance.
Thanks
Peter

Hello, I'm making a Javascript implementation for my Java program. But I'm having a proplem. I want to call my own Java code from the Javascript script.
Is that possible?

Thanks,
enderp

Hi,
The point is to have a PHP code on the same page as a javascript calling the PHP function. I am able to make this work when the PHP code is on an external file. But when all but XSL are on the same page, it won't do what it should.

How to make this work?
The PHP is correct as it is by its self. And so is the javascript as it is for calling other PHP code. The combination of these two in this case just won't work.









PHP and Javascript:
[CODE]
<html ><head><title>Untitled 1</title></head>

<body>
<?php
function dateToDayOfWeek($xmlDate, $useFormat = 'l')
{
$rd = 'Unknown';
if (count($xmlDate) == 1)
{
$element = $xmlDate[0];
if ($element instanceof DOMElement)
{
$rd = date($useFormat, strtotime($element->nodeValue));
}
}
return $rd;
}

function axasal(){
date_default_timezone_set('UTC');

$xslDoc = new DOMDocument();
$xslDoc->load("xslfile.xsl"); // Here comes the xsl file name.

$xmlDoc = new DOMDocument();
$xmlDoc->load("http://free.worldweatheronline.com/feed/weather.ashx?q=milan,italy&format=xml&num_of_days=5&key=af8b2fc417222733111712");

$proc = new XSLTProcessor();
$proc->registerPHPFunctions('dateToDayOfWeek');
$proc->importStylesheet($xslDoc);
echo $proc->transformToXML($xmlDoc);
}
?>

<script type="text/javascript">
function call_php(){
document.getElementById("place").innerHTML="<?php echo axasal(); ?>";
}
</script>

<form name = "form">
<input type = "button" name = "aaa" id = "aaa" value = "Click me" onclick = "call_php()" />
</form>
<div id="place"></div>

</body></html>
[CODE]



XSL:
[CODE]
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlnshp="http://php.net/xsl">
<xsl:template match="data">
<html>
<head><title></title></head>
<body>
<table>
<tr>
<xsl:apply-templates select="./weather" />
</tr>
</table>
</body>
</html>
</xsl:template>

<xsl:template match="weather">
<td style="width: 97px">
<p><xsl:value-of select="php:function('dateToDayOfWeek', date)" /></p>
<p><xsl:apply-templates select="./weatherIconUrl" /></p>
</td>
</xsl:template>

<xsl:template match="weatherIconUrl">
<img>
<xsl:attribute name="src">
<xsl:value-of select="." />
</xsl:attribute>
</img>
</xsl:template>

</xsl:stylesheet>
[CODE]



The smiley face on the second line of the last code is ':' and 'p'.

I have 2 pages, If in test.php i include test2.php everything is working perfect, but if the page appear the script is not working. Can someone help me find a problem?

test.php
PHP Code:
<head>
<script>
function Show_test2(){
 var ajaxRequest;
try{
 ajaxRequest = new XMLHttpRequest();
 } catch (e){
 try{
 ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
 try{
 ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
 } catch (e){
 alert("Your browser broke!");
 return false;
 } } } 
 var ot = document.getElementById('over_time').value;
 var queryString = "?ot=" + ot;
 ajaxRequest.open("GET", "test2.php" + queryString, true);
 ajaxRequest.send(null);
  ajaxRequest.onreadystatechange = function(){
 if(ajaxRequest.readyState == 4){
 var ajaxDisplay = document.getElementById('Show_test2');
 ajaxDisplay.innerHTML = ajaxRequest.responseText;
 } } }
</script>
</head>
<body>
<?php
//include ("test2.php");
    $year = 2014;
   if(!empty($year)) {
    echo 'Over Time: ';
    echo '
    <select name="over_time" id="over_time" onclick="Show_test2()">
    <option value="1">0</option>
    <option value="2">1</option>
    <option value="3">2</option>
    <option value="4">3</option>
    <option value="5">4</option>
    <option value="6">5</option>
    </select>
    <br/>';
    echo '<div id="Show_test2"></div>';
    }
?>
</body>

test2.php
PHP Code:
<html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(function() {
    $('input[name^="player"]').keyup(function(event) {
    var player = $(this).attr("name").split('_');
    player = player[1];
    var player_sum = 0;
    $('.player_'+player).each(function(index, el) {
    var pt = parseInt($(el).val());
    if(!isNaN(pt))
    {
    player_sum += pt;
    }
    });
    $('#sum_'+player).html(player_sum);
    });
    });
</script>
<body>   
<?php
echo 'first half<br>';
for ($i=1;$i<4;$i++){
echo "gracz".$i.": <input type='text' class='player_".$i."' name='player_".$i."' size='1' maxlength='2'> ";
}
echo '<br><br>';
echo 'second half<br>';
for ($i=1;$i<4;$i++){
echo "gracz".$i.": <input type='text' class='player_".$i."' name='player_".$i."' size='1' maxlength='2'> ";
}
echo '<br><br>';
for ($i=1;$i<4;$i++){
echo "gracz".$i.": <span id='sum_".$i."'>0</span> ";
}
echo '<br><br>';
?>
</body>
</html>

Thanks

I have to call the script below from my html page. How would I do that? Do I need to modify the script at all? Put in a function that returns the random title to the html page?

New to javascript any help woudl be apreciated.

html page that calls the script
Code:

<html>
<head>

<script type='text/javascript' src='titles.js'></script>
<script>
  document.title = rantitle[ranNumber];  
</script>
  
</head>

titles.js
Code:

<script type="text/javascript" language="javascript">   
    <!--//  
    if (parseInt(navigator.appVersion) >= 4) {  
        var num = 3;  
        var rantitle = new Array(num+1);  
        rantitle[1] = "Random Title1";  
        rantitle[2] = "Random Title1";  
        rantitle[3] = "Random Title1";  
        ranNumber = parseInt(num * Math.random() + 1);  
        document.title = rantitle[ranNumber];  
    }  
    //-->   
</script>

Hi - I have an ASP.Net 2.5 application and I need to call a javascript function when one of the pages loads initially. I've tried:

Code:

string ScriptToCall = @"EnableCheckboxes(" + cblDetails.ClientID + ", false);";
ClientScript.RegisterStartupScript(this.GetType(), "addScript", ScriptToCall, true);

where EnableCheckboxes is a javascript function on the page. This doesn't work (doesn't disable the CheckBoxList), although the EnableCheckboxes function DOES work when I call it in other ways, so I'm sure that the problem is that I'm not calling it properly on page load.

I've tried:

Code:

ClientScript.RegisterStartupScript(this.GetType(), "addScript", "alert('Hello');", true);

which DOES work, so I know I'm on the right track, but how do I do this?

Thanks!

Hi,

I got this code from w3schools and I want to alter it for my needs. However I can not get the basic example to work. I have repeatedly cross checked it and can't see any error. I wonder if anyone can spot what I am doing wrong.

Code:

</script>

<script type="text/javascript">
function showHint(str){
if (str.length==0){
	document.getElementById("txtHint").innerHTML="";
	return;
	}
if (window.XMLHttpRequest){
	xmlhttp=new XMLHttpRequest();
	}
	else{
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

xmlhttp.onreadystatechange=function(){
	if {xmlhttp.readyState==4 && xmlhttp.status==200){
		document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
		}
	}
xmlhttp.open("GET","getName.php?q="+str,true);
xmlhttp.send()
}
</script>
</head>
<body>
<label>Search by name: </label>
<input type="text" id="txt1" class="input" onkeyup="showHint(this.value)" />
	<br />
	<p>Suggestions: <span id="txtHint"></span></p>
	<br />
</body>

And my getName.php is:
PHP Code:
<?php
$a[]="Anna";
$a[]="Amalie";
$a[]="Amelie";
$a[]="Amanda";
$a[]="Amel";
$a[]="Amely";
 

$q=$_GET["q"];

if (strlen($q) > 0){
    $hint="";
    for ($i=0; $i<count($a); $i++){
        if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q)))){
            if ($hint==""){
                $hint=$a[$i];
            }else {
                $hint=$hint." , ".$a[$i];
                }
            }
        }
    }

if ($hint == ""){
    $response="no suggestion";
}else{
    $response=$hint;
    }

echo $response;
?>

Nothing happens when I start typing in the name box.

This is more out of curiosity than a desire to a use it, a quick google didn't turn anything up.

Basically my question is, is it possible to fully justify text on a web page? I'm almost certain there's no easy way to do it with CSS or anything, so has anyone written a javascript code which like, works out string lengths and the space and thus calculates the exact spacings necessary to fully justify? Or is this just a massive headache which isn't worth the time needed to work it out?

Hi,

I have a small script that tries to open a child window. if successful, it then closes the child window and redirects the parent window. If this process fails, there is no child window, no redirection.

the script below works fine in FireFox but in Chrome, if the process fails, the redirection still happens. I'm new to JS would appreciate your help

many thanks

Code:

<script type="text/javascript">
function openwindow(){
	testWindow = window.open("popup.php","interaction");
	setTimeout(function() { testWindow.close(); },1000);
	setTimeout(function() { window.location = "http://www.google.com"; },1000);
}
</script>