(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
22. 03. 2007. | #1 |
Direktor Kombinata
Invented the damn thing
Datum učlanjenja: 07.06.2005
Poruke: 2.669
Hvala: 44
119 "Hvala" u 64 poruka
|
jQuery, wrap arround selection
Imam jedan mali problem. Naime, želeo bih ovaj kod:
Kôd:
<fieldset> <legend>Legend</legend> <p>First paragraph</p> <div>Some crazy stuff here</div> <br /> Ma jeste... </fieldset> Kôd:
<fieldset> <legend>Legend</legend> <div class="fieldsetBody"> <p>First paragraph</p> <div>Some crazy stuff here</div> <br /> Ma jeste... </div> </fieldset> Any ideas?
__________________
activeCollab - Project Management and Collaboration Tool iz domaće kuhinje | area51.rs - Blog |
22. 03. 2007. | #2 |
Ivan Dilber
Sir Write-a-Lot
|
postoji u DOM specifikaciji document.createDocumentFragment(); koji sluzi za manipulaciju sa vise nodova odjednom, ali ne znam kakva mu je podrska u IE..
postoji jednostavnije resenje, dodaj novi div element u fieldset, pa onda pomeri paragraf i div sa textom u taj novi div...
__________________
Leadership is the art of getting people to want to do what you know must be done. |
22. 03. 2007. | #3 |
Direktor Kombinata
Invented the damn thing
Datum učlanjenja: 07.06.2005
Poruke: 2.669
Hvala: 44
119 "Hvala" u 64 poruka
|
Problem rešen. Samo kreiraš DIV i dodaš mu podelemente. Evo ga kod koji radi posao (za sada sam stigao sam dotle, malo me omeo 300 u radu ):
Kôd:
jQuery.fn.collapsible = function() { return this.each(function() { var fieldset = jQuery(this); var legend = fieldset.find(':first'); var body = jQuery(document.createElement('div')); body.addClass('collapsibleFieldsetBody'); body.append(fieldset.find('*:gt(0)')); legend.addClass('collapsibleFieldsetTitle'); legend.after(body); }); return this; }
__________________
activeCollab - Project Management and Collaboration Tool iz domaće kuhinje | area51.rs - Blog |
22. 03. 2007. | #4 |
Direktor Kombinata
Invented the damn thing
Datum učlanjenja: 07.06.2005
Poruke: 2.669
Hvala: 44
119 "Hvala" u 64 poruka
|
Sorry što se svađam sam sa sobom ali kod gore ima jednu grešku pa da ne bude kako širim dezionformacije Naime, stari kod izvuče SVE podelemente i strpa ih u novi DIV ignorišući strukturu. U tom kodu će:
Kôd:
<p>Hello <b>there</b>.</p> Kôd:
<p>Hello .</p> <b>there</b> Kôd:
jQuery.fn.collapsible = function() { return this.each(function() { var fieldset = jQuery(this); var legend = fieldset.find(':first'); var body = jQuery(document.createElement('div')); var children = fieldset.children(); var len = children.length; if(len > 1) { for(i = 1; i < len; i++) { body.append(children[i]); } // for } // if body.addClass('collapsibleFieldsetBody'); legend.addClass('collapsibleFieldsetTitle'); legend.after(body); }); return this; }
__________________
activeCollab - Project Management and Collaboration Tool iz domaće kuhinje | area51.rs - Blog Poslednja izmena od Ilija Studen : 22. 03. 2007. u 15:23. |
22. 03. 2007. | #5 |
Nikola Denić
Sir Write-a-Lot
|
Spartans! Enjoy your code, for tonight we dine in Hell!
__________________
Do not ask yourself what the world needs. Ask yourself what makes you come alive, and then go do that. Because what the world needs is people who have come alive |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
jQuery vs extJS | misk0 | (X)HTML, JavaScript, DHTML, XML, CSS | 13 | 09. 04. 2009. 14:15 |
jQuery hover | Damjan | (X)HTML, JavaScript, DHTML, XML, CSS | 11 | 11. 09. 2008. 13:57 |
Redizajniran jquery.com | kaizen | Opušteno | 13 | 06. 09. 2008. 14:29 |
jQuery i Ext | Ilija Studen | (X)HTML, JavaScript, DHTML, XML, CSS | 7 | 02. 03. 2007. 11:25 |