New Posts  All Forums:Forum Nav:

jsfiddle

post #1 of 6
Thread Starter 
Can someone for the love of god please help me. I have searched for hours for a solution and program example is jsfiddle. I have found several of each of these but not with both components I want. I am trying to build a web app at work that provides tree view with check boxes which I have found examples for, but I also want the select all function. So If I have a main check box labeled item 1 I can then expand that and see other items under item one say 5 for example. Then I want to be able to click item 1 and have all the items selected under item 1. Could someone send me a really small concept of how this would work with java scrip and the html code. Like I said I have searched for hours and found solution for one of each but not including both which makes no sense to me. Would you want to select all under a listed item, and then just if you don't need everything just unselect what you want.
Test Bench
(13 items)
 
  
CPUMotherboardGraphicsRAM
6700k ASUS ROG STRIX Z270G Nvidia GTX 1060 Corsair Vengeance LPX 16GB DDR4 DRAM 3000MHz 
Hard DriveCoolingOSMonitor
MyDigital BPX CoolerMaster Master Liquid 240 windows 10 x64 pro Viewsonic xg2703-gs 
KeyboardPowerCaseMouse
Logiech G413 Corsair rm650x Test Bench Logitech G403 
Audio
Logitech G533 
  hide details  
Reply
Test Bench
(13 items)
 
  
CPUMotherboardGraphicsRAM
6700k ASUS ROG STRIX Z270G Nvidia GTX 1060 Corsair Vengeance LPX 16GB DDR4 DRAM 3000MHz 
Hard DriveCoolingOSMonitor
MyDigital BPX CoolerMaster Master Liquid 240 windows 10 x64 pro Viewsonic xg2703-gs 
KeyboardPowerCaseMouse
Logiech G413 Corsair rm650x Test Bench Logitech G403 
Audio
Logitech G533 
  hide details  
Reply
post #2 of 6
Thread Starter 
Anyone point me in the right direction ??
Edited by Jedson3614 - 9/29/15 at 2:38pm
Test Bench
(13 items)
 
  
CPUMotherboardGraphicsRAM
6700k ASUS ROG STRIX Z270G Nvidia GTX 1060 Corsair Vengeance LPX 16GB DDR4 DRAM 3000MHz 
Hard DriveCoolingOSMonitor
MyDigital BPX CoolerMaster Master Liquid 240 windows 10 x64 pro Viewsonic xg2703-gs 
KeyboardPowerCaseMouse
Logiech G413 Corsair rm650x Test Bench Logitech G403 
Audio
Logitech G533 
  hide details  
Reply
Test Bench
(13 items)
 
  
CPUMotherboardGraphicsRAM
6700k ASUS ROG STRIX Z270G Nvidia GTX 1060 Corsair Vengeance LPX 16GB DDR4 DRAM 3000MHz 
Hard DriveCoolingOSMonitor
MyDigital BPX CoolerMaster Master Liquid 240 windows 10 x64 pro Viewsonic xg2703-gs 
KeyboardPowerCaseMouse
Logiech G413 Corsair rm650x Test Bench Logitech G403 
Audio
Logitech G533 
  hide details  
Reply
post #3 of 6
Core I7
(13 items)
 
  
CPUMotherboardGraphicsRAM
I7 920 rev. D0 @ 4.26Ghz EVGA X58 SLI EVGA GTX 285 OCZ XMP 3x2Gb (pc3 12800) 
Hard DriveOptical DriveOSMonitor
Western Digital Caviar Black 640Gb x 2 LG GH22LS30 openSuse 12.1 x64 HP F2105 
PowerCase
CORSAIR 850TX Cooler Master ATCS 840 
  hide details  
Reply
Core I7
(13 items)
 
  
CPUMotherboardGraphicsRAM
I7 920 rev. D0 @ 4.26Ghz EVGA X58 SLI EVGA GTX 285 OCZ XMP 3x2Gb (pc3 12800) 
Hard DriveOptical DriveOSMonitor
Western Digital Caviar Black 640Gb x 2 LG GH22LS30 openSuse 12.1 x64 HP F2105 
PowerCase
CORSAIR 850TX Cooler Master ATCS 840 
  hide details  
Reply
post #4 of 6
Thread Starter 
Yes I saw this is the box that shows the src links go into the Hank section? I was trying to find a more structured example so I could see where the functions were being called
Test Bench
(13 items)
 
  
CPUMotherboardGraphicsRAM
6700k ASUS ROG STRIX Z270G Nvidia GTX 1060 Corsair Vengeance LPX 16GB DDR4 DRAM 3000MHz 
Hard DriveCoolingOSMonitor
MyDigital BPX CoolerMaster Master Liquid 240 windows 10 x64 pro Viewsonic xg2703-gs 
KeyboardPowerCaseMouse
Logiech G413 Corsair rm650x Test Bench Logitech G403 
Audio
Logitech G533 
  hide details  
Reply
Test Bench
(13 items)
 
  
CPUMotherboardGraphicsRAM
6700k ASUS ROG STRIX Z270G Nvidia GTX 1060 Corsair Vengeance LPX 16GB DDR4 DRAM 3000MHz 
Hard DriveCoolingOSMonitor
MyDigital BPX CoolerMaster Master Liquid 240 windows 10 x64 pro Viewsonic xg2703-gs 
KeyboardPowerCaseMouse
Logiech G413 Corsair rm650x Test Bench Logitech G403 
Audio
Logitech G533 
  hide details  
Reply
post #5 of 6
The link provided contains all the necessary information to perform the task you're asking for. You'll just need to download the jquery widgets and include them as in the example. Then towards the bottom it shows how to build the tree using their jquery widget.
First Build
(12 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i5 4690K Asus Z97-A Gigabyte GeForce GTX 970 mini Crucial 8GB 
Hard DriveHard DriveOptical DriveOS
Samsung SSD 840 EVO 250GB Western Digital Blue 1TB LG DVD Burner Windows 8.1 Pro 
KeyboardPowerCaseMouse
Logitech K800 Seasonic 550W Corsair Carbide SPEC-02 Logitech G700s 
  hide details  
Reply
First Build
(12 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i5 4690K Asus Z97-A Gigabyte GeForce GTX 970 mini Crucial 8GB 
Hard DriveHard DriveOptical DriveOS
Samsung SSD 840 EVO 250GB Western Digital Blue 1TB LG DVD Burner Windows 8.1 Pro 
KeyboardPowerCaseMouse
Logitech K800 Seasonic 550W Corsair Carbide SPEC-02 Logitech G700s 
  hide details  
Reply
post #6 of 6
Honestly, you don't even need any additional "plug-in" for this, just jquery.

See the answer to this post: http://stackoverflow.com/questions/15330765/how-to-check-all-checkboxes-of-parents-siblings-on-click-with-jquery

Check the jsfiddle, the only difference is, their example's parent element is just a link: "Select All". So you would make yours an input checkbox.
FX8320
(15 items)
 
   
CPUMotherboardGraphicsRAM
FX-8320 ASUS M5A97 LE R2.0 HD7790 2x4GB HyperX Beast 
Hard DriveHard DriveHard DriveCooling
SSD Kingston V300 HDD WD Blue HDD WD Black CM 212 EVO 
OSMonitorKeyboardPower
Win10 1200p HP + 1080P Gateway AUKEY KM-G5 CX430 v2.3 
CaseMouseAudio
Antec One Logitech G203 Onboard 
CPUMotherboardGraphicsRAM
Intel Core i7 6700HQ @ 2.6 N501VW Nvidia GTX 960M 16GB DDR4 
Hard DriveOSMonitorMonitor
Samsung NVMe 512GB Windows 10 Laptop 4K Dual HP 24" 1200P 
CPUMotherboardGraphicsRAM
X2 4200+ @ 2.5 FIC Sapphire HD5670 512 gddr5 Corsair XMS2 4GB 6400 
Hard DriveOptical DriveOSMonitor
250GB + 500GB 16X DVDRW Win7 64 Ultimate 47" LG 1080p 
PowerCase
300W Mid 
  hide details  
Reply
FX8320
(15 items)
 
   
CPUMotherboardGraphicsRAM
FX-8320 ASUS M5A97 LE R2.0 HD7790 2x4GB HyperX Beast 
Hard DriveHard DriveHard DriveCooling
SSD Kingston V300 HDD WD Blue HDD WD Black CM 212 EVO 
OSMonitorKeyboardPower
Win10 1200p HP + 1080P Gateway AUKEY KM-G5 CX430 v2.3 
CaseMouseAudio
Antec One Logitech G203 Onboard 
CPUMotherboardGraphicsRAM
Intel Core i7 6700HQ @ 2.6 N501VW Nvidia GTX 960M 16GB DDR4 
Hard DriveOSMonitorMonitor
Samsung NVMe 512GB Windows 10 Laptop 4K Dual HP 24" 1200P 
CPUMotherboardGraphicsRAM
X2 4200+ @ 2.5 FIC Sapphire HD5670 512 gddr5 Corsair XMS2 4GB 6400 
Hard DriveOptical DriveOSMonitor
250GB + 500GB 16X DVDRW Win7 64 Ultimate 47" LG 1080p 
PowerCase
300W Mid 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding