JavaScript - View Page Source Of Created Window

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!

Ok, 'nother head-banger for the hardcore!

I have a "contact us" <a> with the id 'contact' on the main page, which is supposed to change the source file of an iframe to the contact page. Except when I click on "contact us" nothing happens.

I've tried to get this to work several different ways, and suspect that the problem is purely syntax, but I just haven't been able to figure it out.

Here's the code:

The snippet on the main page (index.html):

Code:

                <div id="linkListContact" class="LinkList">
				<img id="linkListContactBg" class="SideBarBgImg" src="Assets/Backgrounds/SideBar/ContactBg.png"></img>
                    <span>
                    <ul>
                        <li>
                            <div><a id="contact">Contact Us</a>
                            </div>
                        </li>
                    </ul>
                    </span>
                </div>

... and the relevant Javascript:

Code:

function setIFrame(frameSource)
	{
		document.getElementById('mainWindow').src = frameSource;
	}

function setContactLink()
	{
		var contactURL = "http://katabasis.spreadshirt.com/shop/imprint"
		document.getElementById('contact').onclick = new Function ( "setIFrame( 'contactURL' )" );
	}

The setIFrame function is used to call the content initially when the page loads, and is working beautifully in that context. You can see the problem in action at the actual site: www.katabasis-apparel.com.

Thanks.

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,

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.

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.

I know that when you "display: none" with CSS it will not show the div content in the browser, but will still show the div and content in page source.

Is there a way (via javascript or anything else) to also remove the content from page source at the same time?

Thanks.

This is my first post on this website. It has a very clean design to it. I think I am going to enjoy myself here :P



I am taking a class. And I am very sorry if this post does not belong here. It is a JavaScript class so, my guess was here.

My professor has giving us three page sources from random sites. I can not figure this out though. This question has a page source from some random math test website. What we are to do with this page source is to figure out the ten correct answers to the question in the page source. No, not by doing the math, but figuring out where in the page source it is hiding. I can not find them for the life of me. I got the other two problems, but of course this is the hardest one

Thank you for your help
I put the page source in a notepad attach to this post.


(My professor has removed parts of codes that included the name of the website he had gotten it off of. He also said the page source may need to be decoded.) I think I found what I am looking for. If you look where question one starts. Itll have <input type="hidden" name="corAns" value="27478035">

But, the answers are A, B, C, and D which would be 1, 2, 3, and 4 for D. So is <input type="hidden" name="numAns" value="4"> The correct line?

I think that is to easier. He said this assignment was the hardest out of the three, and well, that was to easy?

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

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]

Hi @ all!

I've a div that is editable (contentEditable = true). The div has a fixed size like a letter page. When the user has written so much text that the text overflows I want add a new div above and let flow the overflown text in the other div. (it's the some behavior like MS Word in page view, but now it is in the web)

It is possible to do something like this in the web?


One way to implement this is to check if the text of the div overflows (I've found java script examples in the web which do that). And than I need the text that overflows to move it to the next div. But I have not found a function that do this. Is there such a function?


Another way is to insert a gap at that position a new page begins and use an background image that looks like a page border. With this solution, the whole text is in one div but it looks like floating to another page. But therefore, I have to add a gap between to lines at a specific position (the page border/margin and the gab between the pages). Does anyone have an idea how to realize this?


Maybe there are other possibilities to find a solution, aren't there?


I hope, you have understand what I want to realize. If not, please feel free to ask me!

Thank you for answers and hint in advanced!

Konstantin

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 want to create a popup that is completely contained within the page (so i guess its not really a popup). I'm looking for something where if a button is clicked, a small box will come up in the current window and become the active window, while the original window is visible but not active.

It's hard to explain, but its a popup that is contained in the same window. And when the user presses okay or cancel on the "popup" window. They return to where they were in the original window. Is this possible? How would I do it?

Thanks

Hey there,

I've scrollable screen. I'm having a print button on it and "window.print()" function is called on its onclick event.
My problem is it only prints the "viewable" part of the screen, not the whole screen.

P.S. I'm using IE7 and it must work for IE7 atleast (for rest I'm not bothered).

Thanks in anticipation.

I have a system on my website that logs users in. Once the user is logged in, I need the popup window that it takes place in to close and the parent window to refresh. This system could go through different pages depending on if the user has even been there before, etc., but the ending page will always be the same.

I tried writing my own JavaScript for this, but since I do hardly any work with it, I can't get it to work quite right. Here is what I have, which I believe to be pretty close to what I want the end result to be:
Code:

<script type="text/javascript">
var iframe = document.getElementById("IFRAME ID").contentWindow.location.href;
var url = "ENDING PAGE URL";
function LoadFrame() {
if (iframe == url) {
window.close();
if (window.opener && !window.opener.closed) {
window.opener.location.reload();
} else {
} 
</script>

So I guess that I'm asking what do I need to change/add/fix/get rid of/whatever to make this work?

Hi

I wanted to control parent page form popup.

For example, I have a page: http://www.cmela.com/zz.php

When i open a popup by clicking "Click Here to open popup page" and then on popup window, i wanted it to transfer parent page from making a click on a pop up window.

Example is at:
http://www.cmela.com/zz.php

open pop up window, and then by clicking on a link on a pop up window i wanted my parent page to go to www.msn.com

any help?

Thanks