javascript - Table row drop down. - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

<< < 1 2 > >>

Bruger #15047 @ 26.05.10 09:52

Hejsa. Jeg vil gerne lave noget, som gør at jeg kan klikke på mit tabel row, altså ikke header, men når jeg så klikker på den skal der komme en div frem under den, som indeholder samme information. Jeg har den drop down, men jeg kan ikke få informationen fra tabel til div.

Jeg har følgende kode:

Kode

<script language="javascript"> 
<!--
var state = 'none';
function showhide(layer_ref) {
	if (state == 'block') { 
		state = 'none'; 
	} else { 
		state = 'block'; 
	} 
	if (document.all) { //IS IE 4 or 5 (or 6 beta) 
		eval( "document.all." + layer_ref + ".style.display = state"); 
	} 
	if (document.layers) { //IS NETSCAPE 4 or below 
		document.layers[layer_ref].display = state; 
	} 
	if (document.getElementById &&!document.all) { 
		hza = document.getElementById(layer_ref); 
		hza.style.display = state; 
	} 
} 
//--> 
</script>

Og bare et ganske normal <tr><td></td></tr> tabel. Div skal vise sig når man klikker på en tekst inde i row og div skal indeholde informationerne fra præcis det div som der blivet klikket på.

Håber I kan hjælpe

Indlæg senest redigeret d. 26.05.2010 09:53 af Bruger #15047

Bruger #3143 @ 26.05.10 15:21

1.965

Jeg tror ikke den kode du har vise har noget at gøre med det du vil. Det ligner mere noget du har fundet på en alt for gammel hjemmeside. Koden snakker jo om Internet Explorer 4 og Netscape 4.

Kan du ikke prøve at forklare hvad du vil og hvad du har prøvet, helst ved at give et link til hvad du har prøvet.

Bruger #15047 @ 26.05.10 15:33

Jeg tror ikke den kode du har vise har noget at gøre med det du vil. Det ligner mere noget du har fundet på en alt for gammel hjemmeside. Koden snakker jo om Internet Explorer 4 og Netscape 4.

Kan du ikke prøve at forklare hvad du vil og hvad du har prøvet, helst ved at give et link til hvad du har prøvet.

Jeg har ikke lige åbnet til min local server, så det bliver lidt svært at vise. Men koden virker fint i Chrome 5.0 og Firefox 3.6, samt IE8. Dog får jeg ikke mine tabel informationer i selve drop down

Jeg ved ikke lige hvordan jeg skal bære med af med det. Men hvis det er nødvendigt åbner jeg lige for min server senere. Jeg snakker om en drop down som også er I noget som hedder Sourcebans, kan ses her: http://playline.dk/sb/index.php?p=banlist
Når man så klikker på et ban bliver der vist nogle ekstra informationer, som ligger i dropdown

Indlæg senest redigeret d. 26.05.2010 15:35 af Bruger #15047

Bruger #5620 @ 26.05.10 17:19

1.500

Den simple version:

Kode

<script>
function show(cell){
  var s=cell.nextSibling
  while(s.nodeName!='TR'){
    s=s.nextSibling;
  }
  s.style.display=(s.style.display=='none')?"":"none";
}
</script>
<table>
<tr  onclick="show(this)"><td>Bla Bla</td><td>See Reason</td><td>Blas Blas</td></tr>
<tr colspan="3" style="display:none"><td colspan="3">Lorem ipsum etc..</td></tr>
</table>

Mere advanceret hvis du vil have den skal folde langsomt ud, kan du bruge setInterval/setTimeout og hide overflow etc.., eller hvis du ikke vil load all information men have din brugere skal vente på at hente den fra nettet kan du bruge AJAX.

Bruger #15047 @ 26.05.10 20:05

Tusinde tak, det virker suverænt

Bruger #15047 @ 27.05.10 14:15

Okay nu har jeg prøvet med følgende. Og det virker fint, men ikke som det skal. Jeg har gjort sådan her:

HTML kode

 <?php foreach($server_list as $server_list) { ?>
                     <tr>
                         <td align="center"><?php echo $server_list['id']; ?></td>
                         <td align="center">Online</td> <!-- Class not ready yet, so static input is inbound.-->
                         <td align="center"><?php echo $server_list['min'] . " / " . $server_list['max']; ?></td>
                         <td align="center"><?php if($server_list['os'] == "Windows") { echo "<img src='images/win.png'>"; } elseif($server_list['os'] == "Linux") { echo "<img src='images/linux.png'>"; } ?></td>
                         <td align="center"><?php echo $server_list['location']; ?></td>
                         <td align="center"><?php echo $server_list['ip'] . ":" . $server_list['port']; ?></td>
                         <td align="center"><?php echo $server_list['owner']; ?></td>
                         <td align="center" onClick="show(this)">Edit</td>
                         <td rowspan="5" colspan="5" style="display: none">hemmelig info</td>
                     </tr>
                     <?php } ?>

Kode

<script>
function show(cell){
  var s=cell.nextSibling
  while(s.nodeName != 'TD'){
    s=s.nextSibling;
  }
  s.style.display=(s.style.display=='none')?"":"none";
}
</script>

Jeg vil gerne have den til at vise et div inde i foreach, som ikke er vist i min kode der, men jeg kan ikke få det til at virke. Den viser ingen ting når trykker der på. Men den kode over virker fint, den viser bare et ekstra TD.

Bruger #5620 @ 28.05.10 07:20

1.500

Det der gav minemal mening.

Det ville muligvis være lettere at forstå hvis du skrev HTML koden for hvordan det ser ud når det skjult og HTML koden for hvordan det ser ud når det ikke er skjult.

At vise en div som ikke findes kan formentlig godt være relativt svært.

Bruger #15047 @ 30.05.10 11:37

PHP kode

 <table border="0" cellpadding="0" cellspacing="0">
                     <tr>
                         <th>ServerID</th>
                         <th>Status</th>
                         <th>Servers</th>
                         <th>OS</th>
                         <th>Location</th>
                         <th>IP:Port</th>
                         <th>Owner</th>
                         <th>Options</th>
                     </tr>
                     <?php foreach($server_list as $server_list) { ?>
                     <tr>
                         <td align="center"><?php echo $server_list['id']; ?></td>
                         <td align="center">Online</td> <!-- Class not ready yet, so static input is inbound.-->
                         <td align="center"><?php echo $server_list['min'] . " / " . $server_list['max']; ?></td>
                         <td align="center"><?php if($server_list['os'] == "Windows") { echo "<img src='images/win.png'>"; } elseif($server_list['os'] == "Linux") { echo "<img src='images/linux.png'>"; } ?></td>
                         <td align="center"><?php echo $server_list['location']; ?></td>
                         <td align="center"><?php echo $server_list['ip'] . ":" . $server_list['port']; ?></td>
                         <td align="center"><?php echo $server_list['owner']; ?></td>
                         <td align="center" onClick="dropdown(dropdown)">Add</td>
                     </tr>
 <div id="dropdown">
  test test
 </div>
                     <?php } ?>
                 </table>

Bruger #15047 @ 30.05.10 20:38

Nogen som kunne hjælpe?

Bruger #5620 @ 30.05.10 21:55

1.500

Kode

<script>
function show(cell){
  var s=cell.nextSibling
  while(s.nodeName!='TR'){
    s=s.nextSibling;
  }
  s.style.display=(s.style.display=='none')?"":"none";
}
</script>
<table border="0" cellpadding="0" cellspacing="0">
   <tr>
     <th>ServerID</th>
     <th>Status</th>
     <th>Servers</th>
     <th>OS</th>
     <th>Location</th>
     <th>IP:Port</th>
     <th>Owner</th>
     <th>Options</th>
   </tr>
   <?php foreach($server_list as $server_list) { ?>
   <tr>
     <td align="center"><?php echo $server_list['id']; ?></td>
     <td align="center">Online</td> <!-- Class not ready yet, so static input is inbound.-->
     <td align="center"><?php echo $server_list['min'] . " / " . $server_list['max']; ?></td>
     <td align="center"><?php if($server_list['os'] == "Windows") { echo "<img src='images/win.png'>"; } elseif($server_list['os'] == "Linux") { echo "<img src='images/linux.png'>"; } ?></td>
     <td align="center"><?php echo $server_list['location']; ?></td>
     <td align="center"><?php echo $server_list['ip'] . ":" . $server_list['port']; ?></td>
     <td align="center"><?php echo $server_list['owner']; ?></td>
     <td align="center" onClick="show(this)">Add</td>
   </tr>
   <tr><td colpan=8>
    <div id="dropdown">
      test test
    </div>
   </td></tr>
    <?php } ?>
  </table>

Den her gør det samme som før som også er det du viser, hvis de u reelt ville have er en popup burde bede om det.

Indlæg senest redigeret d. 30.05.2010 21:56 af Bruger #5620

Bruger #15047 @ 30.05.10 23:07

Hejsa jeg prøvede lige men det virkede ikke. Jeg vil bare have sådan at den falder ned

<< < 1 2 > >>

Table row drop down.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler