• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Splitter in Tabelle

Status
Für weitere Antworten geschlossen.
S

shh24_83

Neues Mitglied
Hallo Leute, ich bin auf der Suche nach einer Möglichkeit, bewegliche Splitter (wie in Excel) mit denen sich die Breite einer Spalte anpassen lässt in eine Tabelle einzubauen?
Weis jemand wie das geht, ich glaube mit JS oder so?
Bitte helft mir!

--
Gruß
Simon

Moved: JavaScript, AJAX und DHTML - Lösung kann nur mit JS o. ähnlichem erreicht werden. Bitte demnächst auch Doppelpost vermeiden! (webhosting24 - Login)
 
Zuletzt bearbeitet von einem Moderator:
das ist schon möglich, aber für einen Anfänger, der Javascript zum ersten Mal hört wol eher nicht geeignet. Leider kenne ich auch keine Lib, die ich dir empfehlen kann!
Wofür brauchst du denn das?

Gruß, Fredmonster
 
ich hab da mal etwas "so simpel wie möglich" zusammengebaut

Hoffe es hilft dir irgendwie
PHP: 
<?php 
#das ist nur in php - code tags da die html-code tags n bug haben!
?>
<html>
<head>
<style type="text/css">
<!--
td#splitter {cursor:e-resize;border-bottom:1px solid black;}
td#spalte_1, td#spalte_2 {border-bottom:1px solid black;}
td#splitter div {border-left:1px dotted black;height:10px;margin-left:3px;padding-right:3px;}
-->
</style>
<script type="text/javascript">
<!--
var clicked = 0
function mousepos(e)
{
  if(clicked == 1)
  {
    document.getElementById('spalte_1').style.width = e.x - 15
  }
}
function setClicked(v)
{
  clicked = v
}
-->
</script>
</head>
<body onmousemove="mousepos(event)">
<table cellpadding="0" cellspacing="0">
<tr>
 <td id="spalte_1">Spalte1</td>
 <td id="splitter" onMouseDown="setClicked(1)" onMouseUp="setClicked(0)"><div></div></td>
 <td id="spalte_2">Spalte2</td>
</tr>
 <tr>
  <td>durch klickena auf die gestrichelte<br>linie zwischen den zellen...</td>
  <td></td>
  <td>...kannst du die größe ändern</td>
 </tr>
</table>
</body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben