Shadowing

hmm got rid of var in front of details and still nothing. course i dont see why that would matter since its being added to msg

yah var is only in front of it once oh is it because i have var in front of details? function popup(msg, address, width){var msg; $.ajax({ url: "/ajax/map.php?functions=popup", type: 'POST', dataType: 'json', data: { address: address }, success: function(response) { details = (response.details); msg += details; } }); if (ready) { // use default width if not customized here if (typeof width === "undefined"){ width = default_width; } // write content and display $('#pup').html(msg).width(width).show(); // make sure popup goes away on mouse out // the event obj needs to be gotten from the virtual // caller, since we use onmouseover='popup(msg)' var t = getTarget(arguments.callee.caller.arguments[0]); $(t).unbind('mouseout').bind('mouseout', function(e){ $('#pup').hide().width(default_width); } ); }}

thanks for the reply dsonesuk made msg equal blank my end objective is adding the variable details to msg so the code below it can read it out side the ajax brackets

Hey guys im having some issues with reading a variable How do I get the variable "msg = msg+details;"so that the code at the bottom of the script can use the variable "the code that starts with"if(ready)" function popup(msg, address, width){ $.ajax({ url: "/ajax/map.php?functions=popup", type: 'POST', dataType: 'json', data: { address: address }, success: function(response) { var details = (response.details); msg = msg+details; } }); if (ready) { if (typeof width === "undefined"){ width = default_width; } $('#pup').html(msg).width(width).show(); var t = getTarget(arguments.callee.caller.arguments[0]); $(t).unbind('mouseout').bind('mouseout', function(e){ $('#pup').hide().width(default_width); } ); }}} Edit: I hate how my brackets all get out of place and formating goes crazy when posting

Hey guys im having a issue with using onfocus with some ajax code I have a input field that im changing its value every time a user clicks a link using ajax on page load the value in the input field is say "1" then I click the link and the ajax changes the input field to "2" $('.sector_input_y').val(response.current_y); then using this function i made it activates the onfcous so the text goes away when you click on it and then comes back when you click off it. function onfocus_text(tag,text){ $(tag).each(function() { text = this.value; $(this).focus(function() { if(this.value == text) { this.value = ''; } }); $(this).blur(function() { if(this.value == '') { this.value = text; } });}); } The problem is when i click on the input field then off it it returns to the value of 1 instead of 3 so the variable current_y isnt holding the value that ajax changed it too. $("#up").click(function(event) { event.preventDefault();$.ajax({ url: "<?php echo LPATH; ?>ajax/map.php?functions=up", type: 'POST', dataType: 'json', data: { }, success: function(response) { var current_y = (response.current_y); $('.sector_input_y').val(response.current_y); onfocus_text('.sector_input_y',current_y); } });});

thanks alot guys yah i just notice all my other borders on my site is stating the border style well that was a simple fix

Hey guysI cant seem to get the border to display around images other then IE8.firefox,opera and chrome just ignores itanyone have any ideas? <img src="images/star.jpg" style="position:absolute; left: 20px; top:20px; border-color: orange;">

oh ok so thats what putting ie8 into compatibliity mode for older browsers is doing Thanks a ton for your help today man

Alright last question. how are you checking how something looks in IE7? did you just download IE7?

lol i fixed the external sheet issue. No idea why only the wrap wasnt working lol I had a php data base connection in style sheet cause i was testing out using php contsants with in the style sheet last week which i abandon that idea haha. cause i had a background picture in the CSS style sheet and wanted to use a direct link for it. i have this link problem because my local host uses a folder before the main folder. but now i decided to just switch my local host to work just like my online host so things are way easier that way. Anyways i forgot to remove that data base code and it was some how making it ignore the first CSS style.

have this sitting in my external style sheetthe very first css code too. I tried changing to class instead of id but didnt work still.also i placed a white border for the wrapper to see if its just ignoring some properties and it wasnt. no effect.so its ignoring the entire wrapper in the external sheet.really wierd. anyways man i learned alot of ###### today, plus now i have this kewl phone browser emulator lol #wrap {width: 950px;min-height:800px;margin: 0 auto;border:2px solid black;}

lol opps i should of notice that comma my bad

I removed the php constant completly. Also the style sheet shows up in firebug for me. Im clicking on CSS then the drop down box next to Source edit and hitting sitesytle.csswhats wierd is the wrapper doesnt even show in the external style sheetso its ignoring it wierd This is even more wierd now. So i got rid of the wrapper completly on the page it self. and it still ignores the external style sheet wrapper lol. what the crap geez. but its reading everything else on the external style sheet, for instance the black back ground, or the color font.

I notice how you combined the CSS for stargate and unactivatedI didnt know you could do that so I did this with some other tags to test it and it didnt work. is there a snytax issue that im doing wrong here?cause i really like this idea wlll help clean alot of things up img.mothership1_fire1, img.mothership1_fire2, img.mothership1_fire3, img.mothership1_fire4, img.mothership1_fire5,img.mothership2_fire1, img.mothership2_fire2, img.mothership2_fire3, img.mothership2_fire4, img.mothership2_fire5,img.mothership3_fire1, img.mothership3_fire2, img.mothership3_fire3, img.mothership3_fire4, img.mothership3_fire5,img.mothership4_fire1, img.mothership4_fire2, img.mothership4_fire3, img.mothership4_fire4, img.mothership4_fire5, {position:absolute;display:none;} also figured out why i had to put @media in its own style tags. there was a bracket missing.

dsonesuk you really know your ###### lol. took me a while to download mobile opera cause i have dial up sadly. But ya awesome it showed the problem just like my friends phone. Im waiting on confirmation from my friend on testing it.I had to put this in its own style tags other wise it messed jquery in all browsers.[code]<style>@media only screen and (max-device-width: 950px) {img.unactivated, img.stargate{left: 4.8em; top: 0.25em; }.relative span {font-size: 1.2em;}</style>[/code] Also i have a question about IE7 code. how does this even work lol. cause the whole thing shows as just one big html comment in my editor [code]<!--[if IE 7]><style type="text/css">img.unactivated,img.stargate {top:71px;}#right {width:377px;}.title {line-height:normal; width: auto;}.relative {line-height: 180%; top: 10px;}</style><![endif]-->[/code] Also why isnt the external sytle sheet working like i thought?any ideas on that?

idk maybe i should just add stargate system lords in the background picture with the unactivated stargate. then go back to using margins. so this way my friends phone will process the left and right correctly. and it wont need to stack ontop of a picture. Edit Nice man!! i'll try it out. i posted this before reading your updated reply

i had this on my external style sheet that i use for all pages for my site #wrap {width: 950px;min-height:800px;margin: 0 auto;border:2px solid black;} I thought when i added this to the page#wrap { min-height:900px; } it would keep the other values in the external sheet and only update the min-height I just put this on the actual page and now the wrapper is working.#wrap {width: 950px;min-height:900px;margin: 0 auto;border:2px solid black;} the external wrapper worked before though? before using left and topso its overwriting it. what is the deal with that lol. ok so now i just have to wait to see if my friends computer is doing it still. I think margins worked right on my friends phone accept for some reason it wasnt stacking stargate on top of the unactivated

opps i mean ever since we started using left and top on the stargate the wrapper stop working. cause it was always position absolute

Oh sorry i added the space and forgot to change it back cause i was testing something. The screen shot is with no space.my wrapper has never changed. #wrap {width: 950px;min-height:800px;margin: 0 auto;border:2px solid black;} ever since we started using position absolute on the stargate the wrapper stop working keep in mind the screen shots is from my friends cell phone. But his problem matches what others have reported it was doing before i started this thread. before we started changing away from using margins i had a friend using firefox 9 reporting a problem, then he upgraded to version 12 and the problem remain. My dads computer at work using the same version of IE8 as me was reporting the same problem, and my friends cell phone. So it tells me its not a version of browser issue. anyways all my browsers on my computer looks like yours. with using L<span>o</span>rds it looks like the last screen shot.but maybe now it will work on my friends computer and my dads work computer but not on my friends phone. I'll have to wait for someone to come online that i know it was doing it too.but yah anyways no idea why the wrapper isnt working. I think tahts why I abandon using position absolute cause it kept my wrapper from staying center on screen resize. so i guess his phone browser isnt calculating left and top correctly

Alright its on the same line now. I notice this earlier a huge space between the gate and rds.what could possibly be causing that?and if the stargate is absolute how can the stargate be in a differant spotWasnt going to mention this till later lol but my wrapper doesnt work ever since i been using absolute on these tagsdoesnt center when resizing the screen

Thanks alot for helping me so much dsonesuk Alright problem is getting closer to being solved My friend sent me this screen shot of how it looks now. so now the problem is keeping Lords on the same line as System

this is driving me crazy. mostly cause i have to ask my friend to check my site to see if the problem exist still since i cant reinact it.i got rid of attributes to shortern this up so its easy to read here. .relative {position:relative;}img.unactivated {margin: 0 auto;position:absolute;top:23px;left:338px;} img.activation {margin: 0 auto;display:none;position:absolute;top:23px;left:338px;} <div class="relative"> System L <img class="unactivated" src="unactivated.gif" /> <img class="activation" src="activation.gif"/> // i have 11 of these that stack on top of each other <div style="display:inline; margin-left:32px;">rds</div> // this is how im putting the space between L and rds where do I need to put span tags at in this? i tried doing<span style="visibility: hidden;"><img class="activation" src="activation.gif"/></span>but the problem is my jquery function "show" wont make it display. so i would have to make it visible again with in the function, which i can do i guess. but checking to see if this is what you are talking about. Edit:ohh you are saying to make a letter O invisible with a large font size, which would replace using a margin to move the rds over lol. thats an idea haha will go try that

Im confused. if i use absolute on pictures with margins left and right. it lets me put pictures on top of each other and center them with screen resize.but if i use absolute on pictures with left and right it lets me put pictures on top of each other but i cant center it. so what I need is to beable to have the pictures go on top of each other and beable to center the page.what i dont understand is why is it by using left and right it just completly disables my wraper. none of the page moves on resize. I would think it would only effect the element with the left and right on it. my wrapper is #wrap {width: 950px;min-height:800px;margin: 0 auto;border:2px solid black;} and my pictures are img.stargate {margin: 0 auto;position:absolute;top:240px;left:430px;}

Alright I switched over to left and top. Its working but now the problem is when i resize my page the page doesnt stay centered. its like it makes my wrapper become absolute. this is what i used to wrap my entire page #wrap {width: 950px;min-height:800px;margin: 0 auto;border:2px solid black;}

Thanks for the reply Ingolme couldnt make top and left work. If i used top and left i couldnt get the image to stay on the page when resizing the page it would move. like if i stretch the screen to the left the image would stay there and the back ground would move only. So i wraped a relative tag around that and that fixed that problem then chrome was doing something really wierd making pictures fly up wards so i had to abandon that idea.