RESOLVED: JQuery - variable is not passing correctly -

-

resolved, see note in comments below

i'm learning javascript , jquery having problem in code below. have list of players in master list , when double clicked on master list should add team least amount of players. appendto clause not seem work. misusing variable inside of or pointing incorrectly somehow dom? when hard code value team work. i'm using alert see value currentteam passed correctly point , is. doesn't work when in appendto clause.

  note tried create jsfiddle didn't run correctly. tried copying actual sortable jquery example site. again didn't run.

in example have list of players drafted various teams. have not got checking in place. add later. right want able drag or double click players move across.

i'm not sure why when double click player won't move list if have currentteam in appendto clause if hard code team3 instance, double clicking add player spot. don't want hard code value.

if need better editing i'd appreciate that, or if can work in jsfiddle cool.

<style>     div#info {width:1000px;}     div#contentarea {width:1000px; border:solid 1px blue;}     div#draftlist {width:334px; float:left;}     div#column1 {width:333px; float:left;}     div#column2 {width:333px; float:left;}     .connectedsortable, .sortable,  {list-style-type: none; border: solid 1px black; margin: 0; padding: 0 0 2.5em; width: 333px; } </style>  <script>      $(function() {         $("#masterlist").sortable({             connectwith: ".sortable"         }).on("dblclick", "li", function(){             var numberofplayers = null;             var currentteam = null;              $('.sortable').each(function () {                 var currentnumberofplayers = $(this).children("li").length;                  if (numberofplayers === null || numberofplayers > currentnumberofplayers) {                     numberofplayers = currentnumberofplayers;                     currentteam = $(this).attr('id');                 }             })              alert("current team " + currentteam);              $(this).appendto(currentteam).ul; // doesn't work             // $(this).appendto(team3).ul work don't want hard coded value         });       $( "#team1, #team2, #team3" ).sortable({          connectwith: ".connectedsortable",          receive: function (event, ui) {              if(($(this).find('li').length) >5) {                 $(ui.sender).sortable('cancel');             }          }      }      ).disableselection();     });   </script>     <body> <div id="contentarea">    <div id="draftlist"> draft list: <ul id="masterlist" class="connectedsortable"> <li>player one</li> <li>player two</li> <li>player three</li> <li>player four</li> <li>player five</li> </ul> </div>  <div id="column1"> team one: <ul id="team1" class="sortable"> </ul>  team two: <ul id="team2" class="sortable"> </ul>  team three: <ul id="team3" class="sortable"> </ul>  </div>  </div> <!-- end main content area -->


Comments

Post a Comment

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

-
i having problem, have grid called "gridbasica" , this: thisform.gridbase.recordsource = "sgviemp" sgviemp cursor made executing select sqlserver command sqlexec. when want modify registry, go form , the update there. so, when come form grid, grid isnt grid anymore, big white rectangle. reading around said: delete recordsource , asingt again. thisform.gridbase.recordsource = "" *--i sqlexe here thisform.gridbase.recordsource = "sgviemp" i , works, but, when click button modify again cursos updated modify form doesnt load fields did first time. could me out that? thanks in advance. --------------- edit ------------------ i have been doing recommended: lnselect = select(0) n = sqlexec(thisform.conexion,"select emp_ccodigo codigo, emp_cnombre 'nombre o razon social', emp_cnumrif 'r.i.f' sgviempr","sgviemp1") set echo on suspend select sgviemp zap in sgviemp *-- browse *--zaps correct
Read more

jquery - Set jPicker field to empty value -

-
im using jpicker color selector in form. have clear value set window/icon 'no color selected' state. i've tried following: $(':input[name="color"]').val(''); //access value directly. (does not affect jpicker) 2: $.jpicker.list[0].color.active.val('hex', '', this); //set color black , input value 000000, instead of empty string 3: $.jpicker.list[0].color.active.val(null, '', this); //does nothing none of 3 methods seems behave properly. in advance. this works me :) $.jpicker.list[0].color.active.val('v', null); here example: http://jsfiddle.net/3up7n/
Read more

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r
Read more