javascript - Fix div position and load mouse over content over another div using z-index -


my data correctly alerting data on mouseover on div, m still struggling css weakness. need display data on rightsideblock div using z-index property on mouseover instead of alerting. created class mydatatoshow hold data rhe display set none not able configure correctly. me googled lot. kindly suggest links may helpful developers fixing css issues.

edit 1 more problem im facing event on adding code --var mydata = $(this).text(); $('.mydatatoshow').append(mydata); adds data corectly div want on mouse out data vanishes

my css --

<style type="text/css"> .container{width:999px;} .leftsideblock{float:left; border:1px solid green;width:674px;} .rightsideblock{border:5px solid blue;} </style>

my body content --

<body> <div class="container"> <div class="leftsideblock"> <div class="mydivdata"> <table width="650" border="0"> <tbody> <tr> <td width="90" valign="top" rowspan="2" class="myimageclass">&nbsp;</td> <td width="193" valign="top">monday 07 july 2012</td> <td width="424"> lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </td> </tr> </tbody> </table> </div> <div class="mydivdata"> <table width="650" border="0"> <tbody> <tr> <td width="90" valign="top" rowspan="2" class="myimageclass">&nbsp;</td> <td width="193" valign="top">friday 06 july 2012 8:00am</td> <td width="424"> duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> </tr> </tbody> </table> </div> </div> <div class="mydatatoshow" style="display:none;"> </div> <div class="rightsideblock"> <p> right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data.this right sidebar data. </p> </div> </div> </body>

my js--

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.mydivdata').mouseover(function(){ var mydata = $(this).text(); alert(mydata); }); }); </script>

here's jsfiddle: http://jsfiddle.net/jsndc/

try this: 

 $('.mydivdata').mouseover(function(){ $('.mydatatoshow').css('z-index', '9999'); });

see this , this position div correctly.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more