JavaScript - Embeded Source Showing In View Source

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!

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");
}
})();

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.

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?

I am trying to use an external source for my javascript. The source loads with my script but the functions from the external source are not working. I do have it saved as a js file and in the same folder as my assignment. Below is my external source I am trying to use:

<html>
<body>
<script type="text/javascript">
// Convert miles ==> kilometers
function milesToKilos(miles)
{
return miles * 1.609;
}
// Convert kilometers ==> miles
function kilosToMiles(kilos)
{
return kilos * 0.621;
}
// Convert miles ==> yards
function milesToYards(miles)
{
return miles * 1760;
}
// Convert yards ==> miles
function yardsToMiles(yards)
{
return yards * 0.0005682;
}
// Convert Fahrenheit ==> Celsius
function fahrToCels(fahr)
{
return 5.0/9.0 * (fahr - 32);
}
// Convert Celsius ==> Fahrenheit
function celsToFahr(cels)
{
return 9.0/5.0 * cels + 32;
}
// Convert Pounds ==> Kilograms
function poundsToKilograms(lbs)
{
return 0.4536*lbs;
}
// Convert Kilograms ==> Pounds
function kilogramsToPounds(kg)
{
return kg/0.4536;
}
</script>
</body>
</html>

Now here is the javascript I am trying to use to run the external source. I can enter information but it is not using the functions from the external source.

<html>
<center><h2>Conversions</h2></center>
<head>
<script type="text/javascript" src="conversions.js"></script>
</head>
<body>
<script type="text/javascript">
lbs = prompt ("Enter kilograms to convert", " ");
var myFirstVariable ;
myFirstVarible = "lbs";
alert (lbs) ;
kg = prompt ("Enter pounds to convert", " ");
var mySecVariable ;
mySecVariable = "kg" ;
alert (kg) ;

</script>
</body>
</html>

Hey. I've been trying to get this page working with dynamically loaded iframe sources passed by URL, but I can't seem to get it working. Here's the relavent code:

Code:

<script type="text/javascript">
function delineate(str) {
URL = str.indexOf("=") + 1;
return(str.substring(URL))
	}
</script>

Then there's a form/submit button that simply return the name of a type of item, for example "german" or "french" Using the form attributes method="link" and action="pageURL.html", where pageURL is the page that all of this is on.

Code:

<form name="hack"><input type="hidden" name="selector" /></form>
<script language="javascript">
var url=window.location;
document.hack.selector.value=url;
var url_select=document.hack.selector.value;
var selectedURL="../types/" +delineate(url_select) +".html";
document.write (selectedURL);
frames['middleframe'].location.href=selectedURL;
</script>

<iframe id="middleframe" name="middleframe" src="../types/default.html" width="100%" scrolling="auto" height="1000" frameborder="0" style="display: inline;" />

I used the hidden form to change the url to text - advice from another website. I'm sure there are better ways to do it, but I'll explore them as soon as this thing actually works..
The types are in a subfolder named types, as shown. The document.write was placed in as a debug helper, and it displays the proper file location of whatever I select with the combo box, but the iframe doesn't change it's src to the selected page! I've tired the last line of the last <script> with several different methods, none of them producing any effect whatsoever. What am I doing incorrectly? Any help?
Thanks.

I want to hide my JavaScript but when I checked the FAQ of this forum, I saw that it said that it isn't possible.

But how did worldometers.info did it? Because I cant find the JavaScript source.

I am currently trying to write a javascript function which checks whether the source of an image is one thing, if so do this, if not do something else.

Any help is much appreciated.

Below is the code I have tried...

Code:

if(document.getElementById("field").src == "images/tick.png"){
     alert("this is the tick image");
}

I am fairly new to JavaScript and I have been searching and searching and I cannot get a clear cut answer to my question. Here is what I am trying to accomplish:

I want to gather the html source code from a particular sports score site and then store specifics of that resulting html (ie: the actual game scores) as strings, which I will then call in a windows sidebar gadget. Aside from actually getting the source code stored as a string, I would need to know how to then find a part of that string (ie: the text between "Last:" and "</") and store it as a separate variable.

From what I have seen online I need to be using XMLHttpRequest... but I am completely lost when it comes to this. Can someone please give me a hand. Thanks in advanced. Please be as specific as possible.

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>

Is it possible to self source a javascript file?
I have a file with code that opens a javascript window and document.writes
to it. I want to run some code in this file attached to window.onload.

Code:

function someWindow()
{
var openedWindow = open(/* relevant vars */);
openedWindow.document.write(/*doctype and html head markup*/)
openedWindow.document.write("<script type=\"text/javascript\" src=\"(this file)\"></script>");
openedWindow.document.write("<script type=\"text/javascript\">window.onload = function(){ /* sourced code */}</script>")
openedWindow.document.write(/*html body markup*/)
openedWindow.document.close();
}

then in the same file have code defining object constructors and such that
attach events to various elements.

I realize I can write a long string variable with all the code, but that would
be visible a browser window -> view source window ( I know it won't hide
the code in a separate source file)

The object is to have a widget all in one file, rather than having a separate html, css file and another javascript code file.

Thanks for advice, suggestions, encouragement,
JK

i am writing a code to show the user , what data he had entered in ckeditor as rich text....
but after entering the text while the source is created for it, it is splitting from on line text to multiline text......So javascript is giving a script error....
is there any solution to retain the text in to single line..even if it is entered in multiline??

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

Dear all,

I am trying to set up a web site for an art gallery.
That is for new talents so I have no budget.
I am not a web designer and I am facing some
barriers. Maybe some of you could help me.


My problem is, I guess, about going around with the DOM
node tree. My page looks like this:


FRAME 1 - Header
FRAME 2 - Navigation bar
FRAME 3 - Has arrows for scrolling iframe 3.1
---- iframe 3.1 - has thumbnails
FRAME 4 - First for query and after shows the enlarged pictures of thumbnails
FRAME 5 - Has arrows for scrolling iframe 5.1
---iframe 5.1 Has text explaining pictures in frame 4


How it works:
In first place, after page has been loaded,
I am using frame 4 to run a HTML form. After submit,
iframe 3.1 is populated with thumbnails according to
the query.

When a thumbnail is clicked, I succeeded in bringing
the corresponding text, talking about the artwork,
on iframe 5.1

to do so, I change the html source in iframe 5.1
I am using for that:

top.frames['frame5_id'].document.getElementById('iframe 5.1_id').src=new_source.html;

The idea was about doing the same with the frame 4
that is for a larger picture of the artwork.

But first I need to get rid of the form
once it was submitted (bring a new HTML with a
dummy transparent gif to be swapped with the desired picture).

But how can I bring a new html in frame 4?
After the form is submitted the 'action' moves to iframe 3.1
I tried changing the html source using getElementById but
I could not find a way to get to the right object.

So my questions a

Two src attibutes must be changed with code written in iframe 3.1. (where the
thumbnails are clicked). But...

How can I address and change the HTML src code in FRAME 4 ?
How can I address and change the src image in the new code loaded in FRAME 4 ?

I have both attributes in variables but don't know how to get to the target elements

Thanks for any help.

regards,


wagner

I want to be able to display an embedded video on a web page but i want the URL to be different based on the source IP visting the web page.

Can this be done in javascript?

Example: If someone from inside our network (one IP address on the outside) visits our external web page (hosted externally) visits a web page with one of the embedded videos the URL and code will serve up a locally hosted video. (WMV format)

If someone outside our network (any other IP) visits our web site, they'll see embedded videos hosted on YouTube.