On google maps I have several hundred markers for different countries and cities across the globe. It is just not practical to navigate through several hundred markers therefore I would like my browser to auto navigate to predefined multiple latitudes and longtitudes or cities, once the navigation for predefined cities completes, the navigation loop carries on. Also for certain cities or latitude / longitude can we set zoom level so when the browser is auto navigating it zooms in and zooms out for predefined cities. Is this possible, here is the code that I am using.
I can see several hundred markers on the map, rather than navigating between each marker I would like my browser to auto navigate through predefined cities with auto zoom in and zoom out values.
Here's what I'm trying to do: 1) I get reference to a div that's on my page: var theDiv = $("#" + divID); 2) Now I want to add a custom attribute tag to it, so for instance I want to add "winWidth" so that the div object now contains "winWidth=" for instance. 3) I want to set winWidth now since it's part of theDiv to a value
I'm not sure how to really do 1 + 2. I need to do this on the fly because some javascript logic later will add these attributes dynamically to the div... outside of what the original div had...I don't care what it had, I know I have it now in a JS variable and now I want to both add some new attributes to the div, and then set them on the fly. I don't need these attributes to be on my page, I just need them added to my div variable reference.
I was not happy with the zoom scripts that I found on the net, so I wrote one myself, or one that simulates it. It has become an extremely simple one, and can be seen in action here (function toggleZoom). Click the images to zoom in and click to zoom out again.However, only the images with an initial width of >= 100 pixels will zoom out again. The ones width an initial width of < 100 (nrs. 4, 5 and 7) won't. Why is that, and how do I solve it?
I want to be able to match all <a> tags on a Web page that are external links, which would be signified by the href attribute starting with "http://", obviously. Then I want to add an attribute to the matching tags.
I ran across this script that is supposed to do that:
But it doesn't work. I don't understand regex very well yet, so I'm not sure if that part of it is right, but the jQuery syntax looks correct to my inexperienced eyes.
I know jQuery is working on the site already, the script is below the call the the jQuery library, and yes, I do have the script in the Head tag of the page...
How can I do a less than in a select e.g. something like $.("span.class [id<"+ a_custom_variable +"]") when I tried that it just selected all span of class with an ID attribute rather than where ID attribute is less than
I have about 13 ul li a items in a list and some have nested lists within them e.g. ul li ul li a and some don't. I want to prevent the default action on only a elements that have nested lists within them but not prevent default action for ones that don't. Here's an example of the markup.
[Code]...
However, instead, is there a way to tell jQuery to only apply this preventDefault to ul li a elements that have ul li a descendants/children (not sure of correct terminology here) so I can have the list items in any order?
I have my website getting a value as a result of an ajax call. After that, I would like to insert that result (a string) into a tag. However, I would like to insert that result in a way that (1) it must have opacity = 0, then (2) it will slideDown() so the whole content list being pushed down using animation, and finally (3) change opacity = 1. Imagine this is just like a Facebook message list insert process The way I am planning to do this is to return the result string from ajax to opacity=0 first. However, I don't know how to use jQuery to select a tag from within a string. I know jQuery only select from the DOM. So how to do this?
I have a standard menu structured with an unordered list. Some of the items in the menu have sub items, but are not themselves links. Here's an example:
How do I select a tag that does (or does not) have a particular attribute? In my case, I want to be able to select all <a> tags in #mainMenu that do not have the href attribute.
I have 2 lists on a page and I have a link set up to remove an li item from the one list. I need to check to see if there is a copy of that item in the other list based off an attribute in my li item called qid. How would I look for a child list item based off this custom attribute? Assuming I have html like the following and I want to get the one where qid=14.
I've got a <select> with the multiple attribute on and then I got some jQuery doing some functions when one of the options is selected. Currently my code looks like this $("select[name=(thename)] option").click(function() { // do stuff.. }); and both this and the same with live ("click") works in Chrome and FF, but once again IE drops the ball. I've also tried with .change() but nothing..
I have some auto-generated code in a similar format to this:
<li class="item"> <a class="link1" href="#">Post Title</a> Text I want to remove <div class="content">
[Code].....
I want to select the line of text ("Text I want to remove" - with no HTML tags around it) and hide it using CSS (or remove it all together, if I can). I have tried using insertAfter to put a start <span> tag at the start of the line, and insertBefore to close the </span> tag at the end of the line (so I can apply CSS display:none; to it), but clearly JQuery doesn't work like that.
Is there another way to get rid of this line of text?
I already know that you can combine multiple attribute selectors, &&-style, by doing:
$("*[name='someName'][value='someValue']"); However, what I was wondering is, is there any way to combine multiple attribute selectors, ||-style, such that I could select: $("*[name='someName'][value='someValue']").add("*[name='someName'] [value='someOtherValue']");
I need to remove the checkbox and label when a checkbox is selected. For example: I check the checkbox "flashlight". --> The checkbox and the text "flashlight" slowly fade away
I'm trying to select a line a text and format it, only problem is there are no tags around it other than a closing </p> tag and a <br /> tag after it. Please see below the line in bold text which I'm trying to surround with <h3></h3> tags. [code]...
i m using the below code to disable ctrl+ and ctrl- (zoom in/out using keyboard). The below code is working in firefox but it is not working in IE. The return false; is not working in IE. can you please some one help in this?
$(document).ready(function() { var ctrlDown = false;[code].....
I have seen a website that has a great image zoom function and would like to be able to add this function to my website. I'm afraid my Javascript isn't very good. where I can get a script to do this or how else if there is some free software that could do it? The webpage is: http:[url].....On this page if you click on Zoom on the left another image comes up on the right and when you mouse over the square on the left image it zooms the right image.