Dynamic Text, expand

@zpecialMay 05.2005

Hi,
Scenario:
I have a [a href] for each player in a html, and i want to expand the player
info when they click on the playername.
Under the playername i want dynamic show more detail, example age, weight…
And if the click on the playername again i want to reset to one line with
only playername.

How can the script look like for this?

Help

Thanx
Zpecialz

to post a comment

JavaScript

@FangMay 05.2005 — #

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;title&gt;show - hide&lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
 
 &lt;script type="text/javascript"&gt;
 &lt;!--
 onload=function() {
 var h3List=document.getElementsByTagName('h3');
 var ulList=document.getElementsByTagName('ul');
 for(var i=0; i&lt;ulList.length; i++) {
 h3List[i].style.cursor='pointer';
 h3List[i].onclick=function() {toggle(this);}
 ulList[i].style.display='none';
 }
 }
 
 function toggle(obj) {
 var sibling;
 if(obj.nextSibling.nodeType==3) {
 sibling=obj.nextSibling.nextSibling;
 }
 else {
 sibling=obj.nextSibling;
 }
 sibling.style.display=(sibling.style.display=='block')? 'none' : 'block';
 }
 //--&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;h3&gt;player 1&lt;/h3&gt;
 &lt;ul&gt;
 &lt;li&gt;age:&lt;/li&gt;
 &lt;li&gt;weight:&lt;/li&gt;
 &lt;/ul&gt;
 &lt;h3&gt;player 2&lt;/h3&gt;
 &lt;ul&gt;
 &lt;li&gt;age:&lt;/li&gt;
 &lt;li&gt;weight:&lt;/li&gt;
 &lt;/ul&gt;
 &lt;h3&gt;player 3&lt;/h3&gt;
 &lt;ul&gt;
 &lt;li&gt;age:&lt;/li&gt;
 &lt;li&gt;weight:&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@zpecialauthorMay 05.2005 — #Hi again,

Thanx for the code, it works fine on internet.

That i didnt say in the earlier message, i will run this code on xhtml 1.0.

Browser in mobile.

Must i use DOM for do that, or is it impossible to do dynamic text for browser in mobile.

/ zpecial

@FangMay 05.2005 — #Try it

@zpecialauthorMay 05.2005 — #it didnt work.

@zpecialauthorMay 05.2005 — #hide and show didnt work, only show all the time

@FangMay 05.2005 — #Does the mobile support JavaScript?

@SonikAMDMay 06.2005 — #javascript's not supported on mobiles yet.

@zpecialauthorMay 06.2005 — #Is there anyway to do it dynamic with expand text in mobile?

Script or DOM?

Dynamic Text, expand

8 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Dynamic Text, expand

8 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

8 Comments(s) _↴

Also in #JavaScript _↴