PHP forums, MySQL forums, Web Development resources

Home PageHome    PHP ResourcesTopic List    FAQFAQ    SearchSearch    MemberlistMemberlist    UsergroupsUsergroups 
 RegisterRegister
    ProfileProfile    Log in to check your private messagesLog in to check your private messages    Download the RSS Reader RSS Feed Download the RSS Reader RSS for this forum Log inLog in 

PHP Forum :: MySQL Forum :: Java Script Forum



javascript links bringing up white page

 
Post new topic   Reply to topic    WeberForums.com Forum Index -> Java Script / AJAX
View previous topic :: View next topic  
Author Message
tyhoerr



Joined: 06 Jun 2008
Posts: 13

PostPosted: Mon Feb 22, 2010 7:17 pm    Post subject: javascript links bringing up white page Reply with quote

Here's what I'm trying to do: I need a div to pop-up below a list item with more information (that will basically describe the list item in detail). I also need the div code to be included on the same page- not called from a separate php file.

I've cut out the bulky content and included the styles attached to the elements in the code below (instead of leaving the classes I'm using).

Code:
<ul>
<li><a href="javascript:document.getElementById('1').style.display='inline'">First List Item</a> <br />
<div id="1" style="display:none;">
Pop-up content.
</div>
</li>

<li><a href="javascript:document.getElementById('2').style.display='inline'">Second List Item</a><br />
<div id="2"  style="display:none;">
More Pop-up content.
</div>
</li>
</ul>


This works fantastic in Safari... but for some reason, not in firefox. (these are the only two I've tested). In Firefox, clicking the links opens a blank white page with the sinlge word inline.

Any idea why this is happening and how to fix it? Or a more efficient way of accomplishing this task (without a mess of attached .js files),

Thanks!
Back to top
View user's profile Send private message
lostboy



Joined: 02 May 2004
Posts: 6033
Location: toronto, canada

PostPosted: Mon Feb 22, 2010 8:20 pm    Post subject: Reply with quote

try setting the href="#" and then using an onclick

Code:

<html><body><ul>
<li><a href="#" onclick="javascript:document.getElementById('1').style.display='inline'">First List Item</a> <br />
<div id="1" style="display:none;">
Pop-up content.
</div>
</li>

<li><a href="#" onclick="javascript:document.getElementById('2').style.display='inline'">Second List Item</a><br />
<div id="2"  style="display:none;">
More Pop-up content.
</div>
</li>
</ul>
</body></html>


Tested in FF, Opera, Chrome, Safair, IE on windows xp
Back to top
View user's profile Send private message Send e-mail AIM Address MSN Messenger
tyhoerr



Joined: 06 Jun 2008
Posts: 13

PostPosted: Mon Feb 22, 2010 8:32 pm    Post subject: Reply with quote

thank's a million lostboy! Works perfectly!
Back to top
View user's profile Send private message
Display posts from previous:   
WeberTrivia Questions WeberTrivia Questions
 Think you are smart? Prove it!. Try your skills with these questions :
 WeberTrivia QuestionsRecursive arrays and multi-dimensional arrays are one and the same. (PHP and MySQL)
 WeberTrivia QuestionsThe \"cache_dir\" tag of the squid configuration has a default of /var/spool/squid. (Linux)

WeberTrivia Questions



PHP Code Examples
 Stream diffrent sizes of images from a single image to save disk space.
 JavaScript dropdown list menu to switch any page.
 Dump the contents of a PHP variable in html format with a recursive list of subfolders and files from a given root directory.
 PHP Dump in html format the contents of one array variable with a recursive list of the nested array variables inside.
 Link Extractor - This function is used to extract links from a given URL. This will convert relative path into absolute path and also remove PHPSESSID stuff.
 Building a Dynamic Form using Javascript and innerHTML. Add form elements in realtime without refreshing the page.
 A PHP Calendar function with CSS : add a cool calendar to any php page by just adding a calendar class based function.
Post new topic   Reply to topic    WeberForums.com Forum Index -> Java Script / AJAX All times are GMT + 2 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum




Powered by phpBB © 2001, 2005 phpBB Group
PHP Forum :: MySQL Forum :: Java Script Forum