JavaScript - How Can I View Values Of Js In The Source Code

Hi - I'm working in ASP.Net 2.0. My page has a GridView control, which is populated by a SQLDataSource. The GridView has one Button control per row. The button has a client-side javascript function (ShowDelete) attached to its OnClientClick event on DataBinding of the GridView. This event fires some javascript. The javascript does 3 things:
- It changes the text of the button from "Hide" to "Create"
- It changes the background color of the button from red to green
- It assigns a new onClientClick event to the button: "ShowAvailable"

The text and the color of the button change with no problem. After I change the OnClientClick event, I send an alert with the button's OnClientClick event and it reports it to be "ShowAvailable". However, when I click on the button, it doesn't fire ShowAvailable, it fires the original onClientClick event (ShowDelete). Also, when I do View Source, it shows the button's text, color and OnClientClick event as their original settings, i.e., "Hidden", "Red" and "ShowDelete", even though I'm looking at a green button that says "Create." What's going on here?

Here's the code I use to attach the OnClientClick event on DataBinding of the GridView:

Code:

foreach (GridViewRow row in this.gvLocation.Rows)
{
  if (row.RowType == DataControlRowType.DataRow || row.RowType == DataControlRowType.EmptyDataRow)
  {
    int rowindex = row.RowIndex + 1; //to exclude the header which is counted as a row when we get to javascript
    btnAction.OnClientClick = "ShowDelete(" + rowindex.ToString() + "); return false";
  }
}

Here's the javascript for ShowDelete:
Code:

function ShowDelete(rowindex)
{
  var locationgridID = '<%= gvLocation.ClientID %>';
  locationgrid = document.getElementById(locationgridID);
  if (locationgrid != null)
  {
    action_cell = locationgrid.rows[rowindex].cells[3];
    for (k = 0; k < action_cell.childNodes.length; k++)
    {
      if (typeof(action_cell.childNodes[k].id) == 'string')
      {
        action_cell.childNodes[k].value = "Create";
        action_cell.childNodes[k].style.backgroundColor = "Green";
        action_cell.childNodes[k].onclientclick = "ShowAvailable(" + rowindex + "); return false";
        alert(action_cell.childNodes[k].onclientclick); // reports the OnClientClick event is ShowAvailable
      }
    }
  }
}

Any thoughts are greatly appreciated!

I am using fadein and out of jquery, but size of jquery file is high for me. so i should replace it

do anyone know, how can i write fadein and fadeout functions? is anyone know its source code?

Best Morteza

Let me give an example:

javascript: var myvar=10; function myfunc(){}; void(0);

After excuting the above js source code in the address bar of my browser, I can use window.myvar and window.myfunc() to access myvar and myfunc. This indicates that the above "address-bar javascript code" must have been stored somewhere in the current page.

My question is: where is the "address-bar javascript code" stored in the current page? or equivalently, is it possible to retrieve the "address-bar javascript code" by using some other javascript codes?

I checked document.childNodes and document.documentElement, but cannot find the javascript source code. Maybe the source code is stored in the window object? How to retrieve it?

Thank you very much for the help!

Hi, I know nothing about javascript but I was able to handle the instructions to install the login/password featu http://www.javascriptkit.com/script/...ginpass2.shtml

works great! however, when someone views the source code, they're able to see what the password is. additionally they can see the url of the page it would take them if they entered the password. how do i protect against this vulnerability?

thanks in advance!

Very new to Javascript (been a HTML/CSS guy for a while, but never really got into more than tinkering with other other people's Javascript coding), but I came across a situation I can't find canned coding for, and trying to create it from bits and pieces I Googled has led me to a dead-end.

In summary, I have a website that I frequently visit (FWIW, Firefox 3.x is my browser of choice) with many image sources referring to URLs that end with "-thumbnail.jpg". However, for better image quality, I am trying to use Greasemonkey to replace all instances of "-thumbnail.jpg" in the source of images on this site with "-bigthumbnail.jpg". The closest I could think of was to somehow use getElementsByTagName and innerHTML.replace, but realized that innerHTML does not do HTML, only content.

Below is as far as I tried to get on my own, I appreciate any assistance from the folks here to help a JS novice like myself, thanks! Code:

(function() {
var as,ae;
as = document.getElementsByTagName("img");
for (var i = 0; i < as.length; i++) {
    ae = as[i];
	ae.innerHTML = ae.innerHTML.replace(/-thumbnail/gi, "-bigthumbnail");
}
})();

EDIT: goto post #7

here goes JS code:
(keep an eye on codes of type: document.getElementById('footerX').innerHTML=X
Code:

function details()
{
	var choo = document.getElementById("choo");
	aa = choo.chooserver.value;
	bb = choo.chooversion.value;
	if(aa==1) {k=0}
	else if(aa==2) {k=1}
	else {k=false}
	pa= domain[k].getElementsByTagName("server") ;
	pb="";
	pc = domain[k].getElementsByTagName("version");
	pd= domain[k].getElementsByTagName("date");
	pe= domain[k].getElementsByTagName("month");
	pf= domain[k].getElementsByTagName("year");
	
	ta = (bb==1)? " T4 ":(bb==2)? " T3.6 " :(bb==3)? " T2.5 " : 100 ;
	versions(ta);
	document.getElementById('footer1').innerHTML='one';
}
function versions()
{
				for (i=0;i<=pc.length;i++)
	  		{
				a = pc[i].childNodes[0].nodeValue;
				b = pa[i].childNodes[0].nodeValue;
				comparedate(d,g,f);
				dates(i, a);
				document.getElementById('footer2').innerHTML='two';
				if (a==ta)
					{
						addto()										
						document.getElementById("mc"+i).innerHTML= txt ;
						document.getElementById("md"+i).innerHTML= txt2 ; 
					}
				document.getElementById('footer3').innerHTML='tee';
			}
			document.getElementById('footer4').innerHTML='fou';
}

HTML:
Code:

<div id = "conten2">
<table id="tb1" border="1px">
</table> 
</div> 
<div id = "footer"> feet </div>
<div id = "footer1"> feet1 </div>
<div id = "footer2"> feet2 </div>
<div id = "footer3"> feet3 </div>
<div id = "footer4"> feet4 </div>
<div id = "footer5"> feet5 </div>

Desired Output:
feet
one
two
tee
fou
feet5
Output:
feet
feet1
two
tee
feet4
feet5

Area of error predicted:

inside the for loop, the statement immediately after loop is not executed once loop ends, nor does it return to original function for execution of other statements which were written after the function containing the loop was called....

HI every one

i want to disallow users to change a text input values . I don't want to use disabled tag of text input because of some problem . I just want to disallow users to enter or change a text input value .

How can I do so ?

thanks

How come the below code is not woring for me? when someone comments on my facebook comments plugin I want to get an email.

This is what i have

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="fb-root"></div>
<script> window.fbAsyncInit = function() {
		  
  
        FB.init({
          appId      : '220041184732123', // App ID
          channelUrl : '//http://www.corkdiscos.com/channel.html', // Channel File
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          xfbml      : true  // parse XFBML
        });
		
		 FB.subscribe('comment.create', function(response){
                // Here you need to do a call to some service/script/application
                 // to notify your administrator about new comment.
    // I'll use jQuery ajax to call server-side script to illustrate the flow 
               $.post('mail.php', {
              "action": "comment created",
               "url_of_page_comment_leaved_on": response.href,
                "id_of_comment_object": response.commentID
                 });
                });
	  
	  };
	  

      // Load the SDK Asynchronously
      (function(d){
        var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all.js";
        d.getElementsByTagName('head')[0].appendChild(js);
      }(document));
	  

    </script>
    <div class="fb-comments" notify="true" data-href="http://www.corkdiscos.com/testimonials.html" data-num-posts="30" data-width="544"></div>
</body>
</html>

I then have this php code to send me a mail in a mail.php file

PHP Code:
<?php
   $admin_email = 'corkdjs@gmail.com';

   $commentID = $_REQUEST['id_of_comment_object'];
   $page_href = $_REQUEST['url_of_page_comment_leaved_on'];
   $message = "hello";

   mail($admin_email, You have a new comment", $message);
 ?>

what could be wrong and is there anyone that knows how to fix this to make it work?

Hi gud mng,

I have one problem...

How to process textbox values/ call textbox values in JS through a Java program.
My text box values are dates. I have to process these dates.

Like in online banking we select day to know our transactions. After submitting we get results. remember my files are in my directory only. No need of database.

My files are look like 20100929, 20100930, 20101001

For epoch_classes.js, epoch_styles.css u can download coding from this link : http://www.javascriptkit.com/script/...ch/index.shtml


Code:


Code:

<html>

<table width="900" border="0" cellpadding="10" cellspacing="10" style="padding:0"> 
<tr><td id="leftcolumn" width="170" align="left" valign="top"> 
<div style="margin-left:0px;margin-top:0px"><h3 class="left"><span class="left_h2">Select Option</span></h3> 
<a rel="nofollow" target="_top" href="day_wise.htm" >Day-wise</a><br />  <br />
<a rel="nofollow" target="_top" href="between.htm" >Between Days</a> 

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


<script type="text/javascript" src="epoch_classes.js"></script>

<script type="text/javascript">

var cal1, cal2;      
window.onload = function () 
{
cal1= new Epoch('epoch_popup','popup',document.getElementById('popup_container1'));
cal2= new Epoch('epoch_popup','popup',document.getElementById('popup_container2'));
};

/*............*/
function confirmation(f) 
{
	
	var startdate = f.fromdate.value
        var enddate = f.todate.value
        var myday=new Date()

        var yr=myday.getFullYear()
        var mn=myday.getMonth()+1
        var dt=myday.getDate()

        var today=""
        var present, ys, ms, ds, ye,me,de, start, end
           
        if(mn < 10) {  mn = "0" + mn }

        if(dt <10) { dt = "0" + dt } 
 
        today= yr + "/" + mn + "/" + dt
	
        present=yr + "/" + mn + "/" +dt

                     
        if (today < startdate ) 
           {
            alert (" Start date should not be exceed to-day's date " + present )
            startdate.focus()
            return false
           } 
  
        if (today < enddate )
           {
            alert (" End date should not be exceed to-day's date " + present )
            enddate.focus()
            return false
           }

         

         if (today == startdate ) 
           { 
            alert(" You are selected to-days date as Starting day" );
           

            }
   
        var answer = confirm("Do you want to continue ?")        

        if (answer)
           {    if( startdate < enddate)         
		 alert("Dates between " + startdate + " to " + enddate + " are confirmed" )
		else
                  alert("Dates between " + enddate + " to " + startdate + " are confirmed" )     
	   }
	
        else
           {
		alert("Date not confirmed")
                window.location="to_date.htm"; 
           }

        ys= startdate.substring(0,4);
	ms= startdate.substring(5,7);
	ds= startdate.substring(8,10);

        start=ys + "" + ms + "" +ds          
  
        ye= enddate.substring(0,4);
	me= enddate.substring(5,7);
	de= enddate.substring(8,10);
 
        end=ye + "" + me + "" +de

      
}
/*.......................................................*/
</script>

<div style="margin-left:100px;">


<body>
<style type="text/css">
#conf
{
margin-left:115px;
} 
</style>


<td align="left" valign="top"> 
<table width="100" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:0px"> 
</table>

<h4>From Date</h4>

<form name= "formbet" id="placeholder" method="post" action="#" >
<input id="popup_container1" type="text" name= "fromdate" maxlength="10" size="20"/>


<td align="left" valign="top"> 
<table width="300" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:20px"> 


<h4>To Date</h4>
<input id="popup_container2" type="text" name= "todate" maxlength="10" size="20"/> <br /> <br />
<input id="conf" type="button" onclick="confirmation(this.form)" value="Submit">
</form>


</body>
</html>

In my coding, ys, ms, ds represents year starting, month starting, starting day...
ye, me, de represents end...

start,end gives file names in the format of yyyymmdd

now i want to process files from 20100101 to 20100930

means from date is 2010/01/01 and to date is 2010/09/30

if i press submit button the files from 20100101 to 20100930 are processes

here ys=2010 ms=01 ds =01 and ye=2010 me=09 de= 30

For this how do i call these textbox values (from date text box and todate) to another program (java)

Thanks in advance.

I have a bunch of checkboxes like below that the user can check some or all and click the button and see the values of all the selected checkboxes. How can I do that?

Code:

<script>
function alertValues(){


}
</script>


<input type="checkbox"  class ="normal2" value="131971" name="list[]" >
<input type="checkbox"  class ="normal2" value="131973" name="list[]" >
<input type="checkbox"  class ="normal2" value="131975" name="list[]" >
<input type="checkbox"  class ="normal2" value="131977" name="list[]" >

<input type="button" onClick="alertValues()"

Hi,

I would like to ask if there is anyway to get a variable from any webpage source using javascript.

Something like javascript: document.getelement?

Hi,

i am very new to this place..so if i make nay mistakes, am sorry.

and i am rookie at coding..so i may sound dumb...

I wanted to know, if there is any method by which i can get the source code of a webpage in a program by using the URL.

what i want to do is that am developing a javascript webpage which requires some info to be taken out of a certain webpage, and in the url of that webpage i can enter the query, so i wanted to know if there was any method to get the source of the webpage and store it in a varabile so i can scan it for the required info.


Thanks.

In a webpage I am developing I need to change the presentation depending on user selection. At the moment this code is huge and not very maintainable. The first purpose was to have a working code, now I would like to make it more maintainable. Below is a main part of the problem;

Code:

function myFunction(type)
{						
	if (type.value == "1")
	{
		var form1 = document.getElementById("OrderForm1");
		form1.style.display = "block";				
		var form2 = document.getElementById("OrderForm2");
		form2.style.display = "none";
		var form3 = document.getElementById("OrderForm3");
		form3.style.display = "none";			
	}
	else if (type.value == "2")
	{		
		var form1 = document.getElementById("OrderForm1");
		form1.style.display = "none";				
		var form2 = document.getElementById("OrderForm2");
		form2.style.display = "block";
		var form3 = document.getElementById("OrderForm3");
		form3.style.display = "none";					
	}
	else if (type.value == "3")
	{
		var form1 = document.getElementById("OrderForm1");
		form1.style.display = "none";				
		var form2 = document.getElementById("OrderForm2");
		form2.style.display = "none";
		var form3 = document.getElementById("OrderForm3");
		form3.style.display = "block";
	}
}


<div id="OrderForm" style="display: block;">
	<div id="OrderForm1" style="display: none;">
		<FORM METHOD="POST"></FORM>
	</div>
	<div id="OrderForm2" style="display: none;">
		<FORM METHOD="POST"></FORM>
	</div>	
	<div id="OrderForm3" style="display: none;">
		<FORM METHOD="POST"></FORM>
	</div>
</div>

Basically the myFunction will be called based on user input. This input will show one section of html code and hide other sections of html code. So if input is "1", then OrderForm1 shall be shown and OrderForm2 and OrderForm3 must be hidden. if input is "2", the OrderForm2 shall be shown and OrderForm1 and OrderForm3 must be hidden etc. By adding more forms to show and hide, this code is growing massively.

I would like to add some kind of for loop function to this but I am not sure how to loop through the various section names (OrderForm1, OrderForm2 and OrderForm3) and set the appropriate value.

Appreciate any help

HI ,

IF there is error in JS then in FF i can see in console window using firebug
But i am noe getting script error in IE but i am not able to find where the error is.


Is says object required line 499 now i don't understand which script is IE talking about . Is there any way to find error in IE

hi-

trying to set frame source from javascript- i cant get it to work..

Code:

<script>
stud = mm_adl_API.LMSGetValue("cmi.core.student_id");
newlink = ('https://blah.blah.blah&stud_id='+stud);
// -->
</script>
<frameset rows="*,80" frameborder="no" border="0" framespacing="0">
  <frame src="javascript:window.location(this.newlink)" name="thisname" />
  <frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="Scorm Handling" onload="mm_adlOnload()" />
</frameset>