javascript - Using jQuery to Select a DIV that exists only on mouseover -


i have couple of div not exist until user places mouse on img causes div popup, done via google maps api. how can use jquery select div when created (pops on screen)?

current code:

$(function() {     var height = $("#infobox_content").height();     $("#infobox").css('height', height);

});

this not work because div not exist yet.

update

php code creates div popsup when mouseover google map marker note every set of <div> created has same id infobox, infobox_content. can add number make them unique need change css stylesheet select infobox1, infobox2, infobox3.... infobox10

foreach($config['markers'] $marker) {             $marker_number++;              $map_js .= '             var boxtext = document.createelement("div");             boxtext.style.csstext = "";             boxtext.innerhtml = "<div id=\'infobox\'> \                                     <div id=\'infobox_content\'> \                                         <strong>'.$marker['name'].'</strong><br /> \                                         <p class=\'infobox_content\'> \                                             143 1st st<br> \                                             cambridge ma 021232 \                                     </div> \                                 </div>";              var myoptions = {                  content: boxtext                 ,disableautopan: false                 ,maxwidth: 0                 ,pixeloffset: new google.maps.size(-40, 0)                 ,zindex: null                 ,boxstyle: {                      background: "none",                     opacity: 0.85                  }                 ,closeboxmargin: "10px 2px 2px 2px"                 ,closeboxurl: ""                 ,infoboxclearance: new google.maps.size(1, 1)                 ,ishidden: true                 ,pane: "floatpane"                 ,enableeventpropagation: false                 ,infoboxclearance: new google.maps.size(10, 10)             };              var infobox'.$marker_number.' = new infobox(myoptions);             infobox'.$marker_number.'.open(map, marker'.$marker_number.');             ';         }

php code generates javascript google maps api:

foreach($config['markers'] $marker) {             $marker_number++;             $map_js .= '

/* part handles mouseover */

            google.maps.event.addlistener(marker'.$marker_number.', "mouseover", function(event) {                 infobox'.$marker_number.'.show();                  var height = $("#infobox_content").height();                 $("#infobox").css("height", height);              }); }

***the result of above code $("#infobox").css("height", height) applied first <div> created...

note every set of created has same id infobox, infobox_content. can add number make them unique need change css stylesheet select infobox1, infobox2, infobox3.... infobox10

ids must unique.

trying select id when there multiple on page give first match.

in case, should use class instead of id since they're repeating, , use class in css styling.

beyond that, if posted code rendered client instead of server-side code, may add clarity best solution.

.live() nothing here unless you're trying associate event handlers new elements.


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more