JavaScript - Keep Css Display: None Content Out Of Page Source With Js?

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

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?

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]

I have created and opened a new window using Javascript and written to it with the document.write Command. When I click "View" and then "Page Source" (Firefox) to view the source of it, however, it displays a blank page. How can I get the source of a window I created?

Thank You

Charles

recently i noticed that all of my embedded JavaScript code and external style sheets are being shown IN "view source."

this happens in all browsers ( IE, FF, Chrome, and Safari [windows]) ... oddly enough it only happens when viewing on my vista or win2k3 machines. is this something added to these OS's or the result of an installed program? has anyone seen this before?

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

I am wanting to display an image for 24 hours, how can I do this?

If you watch this page http://wouldbebetter.com/

for about 15 seconds, you can see that new "suggestions" will be shown as they are submitted. How can I do this with a post system?

Hi,
I have created three tabs to display different content in each.

Although I can click and go to the specific tab, but except the first 1 the other two tabs don't display any content or html that I have.

Can anyone find any problem in the code?

I have attached just the html. please excuse the structure of the code as it needs to be that way.

thanks

I'm trying to make a basic rss reader with a google reader-esque functionality of clicking on article names and being able to expand/collapse that article. I'm working on the expand part and am going crazy. I am having no trouble getting content and displaying it without the onclick function but when I try to integrate onclick I can just get the titles.


here's the snippet. any help?




Code:

<!-- HTML -->
<body>
<div id="feeddiv"></div>



<script type="text/javascript">




//	feed stuff using Google Feed API



    function feedLoaded(result)
	{
      if (!result.error)
	   {
        // Grab the container we will put the results into
        var container = document.getElementById('feeddiv');
        container.innerHTML = '';
        // Loop through the feeds, putting the titles onto the page.
        for (var i = 0; i < result.feed.entries.length; i++)
		 {
		  var entry = result.feed.entries[i];
		  var content = entry.content;
		  var title = entry.title;
		  var url = entry.link;
		  var div = document.createElement('div'); //parentDiv for articles
		 
		  var articleTitle = document.createElement('div');
		  articleTitle.setAttribute('name', i); //set articleTitle name to article's place in array
		  articleTitle.setAttribute('style', 'font-weight:bold;font-size:15px;');  
		  articleTitle.innerText = title;
		  articleTitle.onclick  = function() {populate(content, title, url, i);};
		 
		  div.appendChild(articleTitle); //adds title to div

		  container.appendChild(div); //adds div to the container
        }
      }
    }
	
    
    function populate(content,title, url, i)
    {
    
    var article = document.getElementByName(i); //gets articleTitle
   
     	//clickable title
	  var a = document.createElement('a'); //creating title link
	  var href = document.createElement('href'); 
	  a.setAttribute('href', url); //putting actual url into html
	  a.setAttribute('style', 'font-size:25px;');
	  a.innerText = title;//still puts into html

	//Text
    var snippet = document.createElement('p'); //creates <p> to throw articles in
    snippet.innerHTML = content; //renders the article
    
    article.appendChild(a);
    article.appendChild(snippet);
    
    }
</script>
</body>

Hey guys.
I'm currently paying for a web service on a hosted platform. Basically, I'm unable to edit any raw content, however I am able to do things like add JS/HTML to the header or footer of a page, which will in turn be displayed on every page of this platform. My dilemma is, I only want content being showed on a single page of the platform. Specifically, I want a window.alert being displayed on the "/signup" page, but all I have to work with is JS in a global footer.

Is there some way I can use window.location to achieve this?

Hello

Basically I have found and adapted the code:

Code:

alreadyloading = false;
nextpage = 2;
 
$(window).scroll(function() {
    if ($('body').height() <= ($(window).height() + $(window).scrollTop())) {
        if (alreadyloading == false) {
            var url = "page"+nextpage+".html";
            alreadyloading = true;
            $.post(url, function(data) {
                $('#projectscontainer').children().last().after(data);
                alreadyloading = false;
                nextpage++;
            });
        }
    }
});

I want when the user scrolls to the bottom of the page for content in a new page to load under the div "#projectscontainer". So in the new page 'Page2.html" I have put 5 divs going down with content in...

I want the new content to appear below "#projectscontainer'"

Why won't this work? Anyone know?

Thanks

Hi there!
I am using GlassBox "http://www.glassbox-js.com/" As a light box on a website. Basically, You click an thumbnail image, and a window pops up with a larger version of that image.

Now originally, the window opened X number of pixels from the top of the page. However, My thumbnail images were located mid page, so when you clicked on one, the window would open at the top of the page and the user would not see it unless they scrolled up.

So I attempted to modify the script so that it would get the users page width/height and display it directly in the center no matter the position.

Now my problem is that the script only works when the user has already scrolled down. So if the page is scrolled all the way to the top, and you click on a thumbnail, the window will not open center screen.

Here is an example: http://synaxis.pcriot.com/

When the page loads, DO NOT scroll it, and click on the image. You will see the window pop up, and not centered, like it should be. However, now if you scroll down, and click the image again, you see that it is now centered. I also noticed that when the page is scrolled up, and the image does not center, it always is placed below the thumbnail image, or otherwise where ever the DIV is located. It normally located under the image, but if i place the DIV at the top of the page then the window will pop up there.
And this does happen on every browser that I have tested, Firefox, IE, and Chrome.

So, I am pretty much stumped as to why this is happening. If anyone can shed some light I would be very grateful.

Thank You



Here is a link to the original code:
http://synaxis.pcriot.com/javascript...ox/glassbox.js

And modified code:
http://synaxis.pcriot.com/javascript...ox/glassbox.js

The modified code is at the very bottom of the script.

Original Code:
Code:

/** 
* @public 
*/
if ( typeof($) == 'undefined' ) {
  $ = function (id) {
    return document.getElementById(id);
  }
}

Modified Code

Code:

/** 
* @private 
*/
var removeElement = function(id) {
	var Node = document.getElementById(id);
	Node.parentNode.removeChild(Node);
}

/** 
* @private 
*/
var getDocHeight = function() {
	var db = document.body;
	var ddE = document.documentElement;
    return Math.max(
        db.scrollHeight, db.offsetHeight, db.clientHeight, 
        ddE.scrollHeight, ddE.offsetHeight, ddE.clientHeight
    );
}
/** 
* @public 
*/
if ( typeof($) == 'undefined' ) {
  $ = function (id) {
    return document.getElementById(id);
  }
}