JavaScript - Display Specific Content When First Going To A Webpage

from my spry sub.menu tab,
i'm trying to use "onclick" to post a new img in a specific div elsewhere on the page.

<li><a class="MenuBarItemSubmenu" href="#">CPQC</a>
<ul>
<li><a href="#" onclick="document.getElementById('cpqcRange').src='images/cpqc/cpqcHot.png';">Hot</a></li>
</ul>
</li>

<div id="cpqcRange">
<p>
<img src="cpqcLocation.png" alt="cpqcLocation" name="cpqcLocation" width="504" height="360" id="cpqcLocation" />
</p>
</div>

i think i'm close, but something is wrong.
can you just call up the div "cpqcRange" by name and slap a new img.src in there???????

cheers,
Paul

today's weather in Kalispell, MT, USA
cold, brrrrr, not much snow, but it's coming soon
it was about 18degF this morning

I have this simple php array. The array will dynamically pull results from the db in the future.

PHP Code:
<?php

$dataArray = array 
        ( 
            'id1'  => array 
                    
                    (     'icon' => '<img src="images/piicon.png">',
                        'app' => 'GGP',
                        'timestamp' => date('m/d/y'),
                        'location' => 'Bellevue',
                        'comments' => 'It works!',
                            ),
            'id2'  => array 
                    
                    (   'icon' => '<img src="images/piicon.png">',
                        'app' => 'Meijer',
                        'timestamp' => date('m/d/y'),
                        'location' => 'San diego',
                        'comments' => 'It works!',
                            ),
            'id3'  => array 
                    
                    (   'icon' => '<img src="images/piicon.png">',
                        'app' => 'Point Inside',
                        'timestamp' => date('m/d/y'),
                        'location' => 'Boston',
                        'comments' => 'I guess its working?  Maybe not exactly what we want yet though?!',
                            )
        );
             
echo json_encode($dataArray);    

?>

Currently if I have 100 results in my array, 100 results will be added to the table, 75 = 75 rows etc. What I am trying to plan out is a logical way to display one result from the array at a time. I am not looking for a chunk of jquery as an answer, better yet would be a plan/idea a programmer would you use to solve this.

PHP Code:
$(document).ready(function() {
    setInterval(function() {
        // get data
        $.ajax({
            url: '/ajax/data.php',
            type: "GET",
            cache: false,
            error: function(data) {
                $("div#error").html('error: '+data);
            },
            success: function(data) {
                var jsonObj = jQuery.parseJSON(data);
                jQuery.each(jsonObj, function(index, value) {
                    var newRow = $("<tr><td>"+value.icon+"</td><td>"+value.app+"</td><td>"+value.timestamp+"</td><td>"+value.location+"</td><td>"+value.comments+"</td></tr>");
                    $("#mainTable tbody").prepend(newRow);
                });
            }    
        });
    }, 5000);
}); 


thanks

Hi. Can someone tell me if it is possible to display the duration a webpage is accesssed. For example, if its a form webpage, then the time to be displayed will be = time the webpage was left (press submit button etc. or the time the viewer left the page) - time the webpage was first accessed or loaded.

If it is possible with javascript, what are the methods, attributes etc that need to be used.

Bit of a noob when it comes to js. Hope someone can help me out.

I am trying to place text output from a url on another webpage.

The output is the status of an alarm system.

The URL is:

Code:

https://www.eye-zon.com/EZMOBILE/index.php?mid=<hash>&action=ssi&did=<mac>

hash and mac info remove for security reasons.

The URL leads to a webpage that outputs:

Code:

<update>2011-08-18 21:21:10</update><status> Stay Armed </status><trouble>NO</trouble>

I would like to place these three outputs on another page.

Any ideas?

Hi

Within a classic asp webform (using vbscript) I would like part of the form (input boxes within table structure) to be specific/displayed depending on the users selection from the combo box in the row above.

I think the best solution would be using Javascript can anyone suggest a solution or example code?

Many thanks

Sarah

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?

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

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 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.

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?

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>

Hi,
I want to when I open a web page , my program detect all the "digit numbers"
and display all of them for me.

I don't know exactly what do I do?

Thanks.
Regards.

Hi, all!
I'm a "fresh" newbie, JS self-taught from the great resources provided in this forum. I want to better currently working page but lack enough knowledge atm. The situation is this:
* Multimedia database - audio clips and corresponding video clips to some of the audio ones.
* Dynamic content page showing the latest (by date) 5 or 10 clips with their info from db.
* Links provided for each clip, both to listen in a new popup window and to download the clip.

Accomplished so far: everything of the above *only* for the audio clips (and video ones but separately on a different page).
Every record in the data base has an audio clip and some of them, not all, have a video clip. E.g. there are records only with audio clips and there are records both with audio and video clips.
My question is is it possible wherever there's a video clip in the db in an already displayed db-record on the page to display 'watch' and 'download' icon for it together with already shown audio icons ('listen' and 'download')? Conditional displaying.
I read about combination between JS and CSS in almost similar situation but don't know how to apply it in my situation due to my little knowledge base at this moment. So, any help will be highly appreciated and useful as it will push me forward in learning JS. I'm almost sure this is possible as it's not a complicated issue.
I can post my so far working code, if requested. If not provided enough info on the issue, let me know.
Thank you in advance!

Hi all,
this is the code I'm using in order to display the contents of an xml file into a page. It's working fine with IE but with Firefox.

I have searched over intrenet and have applied all suggestions I've found about this issue. Unfortunately it's still not working. Can you please help me???


Code:

function importXML()
{
	if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.onload = createTable;
	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) createTable()
		};
 	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	xmlDoc.load("news.xml");
}

function createTable()
{
	var x = xmlDoc.getElementsByTagName('event');
	var newEl = document.createElement('table');
	newEl.style.width = '100%';
	newEl.setAttribute('cellPadding',0);
		newEl.setAttribute('cellspacing',0);
	var tmp = document.createElement('TBODY');
	newEl.appendChild(tmp);
	for (i=0;i<x.length;i++)
	{
			var row = document.createElement('TR');
			if (x[i].childNodes[0].nodeType != 1) continue;
			var container = document.createElement('<TD style="padding-left:3px; font-weight:bold;">');
			var theData = document.createTextNode(x[i].childNodes[0].firstChild.nodeValue);
			container.appendChild(theData);
			row.appendChild(container);
			tmp.appendChild(row);
			row = document.createElement('TR');
			if (x[i].childNodes[1].nodeType != 1) continue;
			var container = document.createElement('<TD  class="box_2">');
			var theData = document.createTextNode(x[i].childNodes[1].firstChild.nodeValue);
			container.appendChild(theData);
			row.appendChild(container);
			tmp.appendChild(row);
		
	}
	document.getElementById('writeroot').appendChild(newEl);
}