 [js]tabelki |
| [js]tabelki |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 581 Pomógł: 0 Dołączył: 21.07.2003 Skąd: Jasło Ostrzeżenie: (0%) 
 |
Witam czy jest możliwośc napisania skryptu w JS(JavaScript) z takimi możliwosciami:
Tabelka: - ukrywanie do postaci naglowka - zamykanie i otworzenie poprzez link - swobodne przenoszenie tabelki po stronie Oczywiście chciałbym żeby to niebyło na ramkach :wink: |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 636 Pomógł: 0 Dołączył: 22.10.2003 Skąd: Katowice Ostrzeżenie: (0%)
|
Napisalem to w koncu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ...
Nie jest to idealne.. :? Jedynie na Mozilli dziala jak ma dzialac, mowie o drag&drop, reszta ok. Na IE i Operze zachowuje sie dobrze, ale przy malych predkosciach myszki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Sam zobaczysz jesli teraz mnie nie rozumiesz (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Probowalem temu zapobiec dokladajac pare zdarzen, ale to wtedy zaczyna coraz bardziej isc klatka po klatce (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Nie mam juz do tego IE sily (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) ... [xml:1:15322c49f5]<html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <style type="text/css"> #tabelka{background-color:green;color:white;width:400;font-family:tahoma;font-size:10pt;position: absolute;} #tabelka2{background-color:#336699;color:white;width:400;font-family:tahoma;font-size:10pt;position: absolute;} #tabelka_naglowek{background-color:#339933;} #tabelka_naglowek2{background-color:#3366CC;} body{font-family:tahoma;font-size:10pt;} </style> <script type="text/javascript"> function pokaz_ukryj(obj){ obj = document.getElementById(obj); (obj.style.display == 'none')?obj.style.display = '':obj.style.display = 'none'; } ie = navigator.userAgent.indexOf('MSIE') != -1; function dragdrop(obj,obj2,left,top){ obj = document.getElementById(obj); obj2 = document.getElementById(obj2); obj.onmousemove = mousemove; obj2.obj = obj; obj.obj2 = obj2; obj2.onmousedown = mousedown; obj2.onmouseup = mouseup; if(!ie){ obj.style.left = left; obj.style.top = top; }else{ obj.style.pixelLeft = left; obj.style.pixelTop = top; } } function mousedown(e){ this.obj.down = true; if(ie){ this.obj.x2 = window.event.x-this.obj.style.pixelLeft; this.obj.y2 = window.event.y-this.obj.style.pixelTop; }else{ this.obj.x2 = e.pageX-parseInt(this.obj.style.left.slice(0,-2)); this.obj.y2 = e.pageY-parseInt(this.obj.style.top.slice(0,-2)); } } function mouseup(){ this.obj.down = false; } function mousemove(e){ if(this.down){ if(ie){ this.style.pixelLeft = window.event.x-this.x2; this.style.pixelTop = window.event.y-this.y2; }else{ this.style.left = e.pageX-this.x2; this.style.top = e.pageY-this.y2; } } } </script> </head> <body onload="dragdrop('tabelka', 'tabelka_naglowek',100,200);dragdrop('tabelka2', 'tabelka_naglowek2',200,400);"> <table id="tabelka" cellspacing="0" cellpadding="0"> <tr id="tabelka_naglowek"><td colspan="2" align="center">Naglowek</td></tr> <tbody id="tabelka_body" > <tr><td>a</td><td>b</tr><tr><td>c</td><td>d</td></tr><tr><td>e</td><td>f</td></tr><tr><td>g</td><td>f</td></tr> </tbody> </table><table id="tabelka2" cellspacing="0" cellpadding="0"> <tr id="tabelka_naglowek2"><td colspan="2" align="center">Naglowek</td></tr> <tr><td>a</td><td>b</tr><tr><td>c</td><td>d</td></tr><tr><td>e</td><td>f</td></tr><tr><td>g</td><td>f</td></tr> </table> <br><br><br><br><br><br> <a href="java script: void pokaz_ukryj('tabelka_body');">Pokaz calosc / Ukryj do naglowka</a><br><br><br> <a href="java script: void pokaz_ukryj('tabelka');">Pokaz / Ukryj tabele</a><br> </body> </html>[/xml:1:15322c49f5] edit: Widze, ze mi tu cssa w pol przecielo (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) - jak bedziesz kopiowac usun sobie te entery. |
|
|
|
kubatron [js]tabelki 4.06.2004, 11:38:48 
kubatron Nikt z was nie wie? :cry: 4.06.2004, 17:17:57 Paul ja wlasnie ci to pisze troche mnie drag & dro... 4.06.2004, 17:20:20 kubatron Paul THX 4.06.2004, 17:29:18 kubatron Paul: właśnie o takie coś mi chodzi tylko jeśli da... 5.06.2004, 08:43:48 
Paul Przerobilem troche Co do drag&drop to jak cos... 5.06.2004, 23:14:16  |
|
Aktualny czas: 10.10.2025 - 06:44 |
