Question about accessing object data?
jQuery n00b question; <div id="AB1"></div> <div id="AB2"></div> var jata= $("div[id^='AB']"); using firebug I can see jata object has 0 -> "AB1" and 1 -> "AB2". If I want to access the div id's via name or have them document.write to screen - what would be the syntax?
Problem appending a <div> inside table row column or <td>
I was trying to include an rateit plugin " http://rateit.codeplex.com/ " or a star rater to every table row I dynamically add. Here is the problem, when I try to manually put the code "<div id='rateit10' class='rateit'></div>" in the html code inside the table i works perfectly BUT when I try this: function add(id,skilldesc) { var table = $('#lower'); table.append("<tr id='" + id + "'><td><text>" + skilldesc + ":</text></td><td><div id='rateit10' class='rateit'></div> </td></tr>"); } appending the
complete and utter noob, needing pointing in the right direction.
Hi, This is my first post, so please be gentle. My only experience that even comes close to what im trying to achieve is with vba in excel. I dont even know if jquery is what i need or to be honest, precisely what jquery is used for. Omissions to one side though, i am a tenacious son of a gun and hopefully with just a little help being pointed in the right direction, i hopefully will be able to get my head around it and plug away. My aim is to create an application/s that will allow users to use
I need help to ignore click in id (#) in effect tool tip. PLEASE
Do you know please how to ignore click on "# color_tip1, # color_tip2 "? Because when I click on some of these influences the effect (to show / hide). Demo: http://jsfiddle.net/biof/tHjcu/ $(function() { $('#color').append('<div id="color_tip1">Color</div>'). append('<div id="color_tip2">Color</div>'). click(function() { $('#color_tip1').toggle(); }). hover(function() { $('#color_tip2').toggle(); }); });
How do I combine two plugins?
Hi people, I was wondering if you can help me with a small challange. I have a website, where I have added two jqyery plugins: 1) Jquery Lightbox2 Lightbox2 This excellent plugin enlarge pictures on mouseclick. 2) Jquery Loupe Loupe Also an excellent plugin, which works as a image magnifier on mouseover. now, what I want to do is to combine these two plugins in order to get the following feature: when i want to study an image/picture, I click on it to enlarge it (Lightbox2) and on the enlarged
a tag redirect problem
Hi, I have a jquery image gallery. I put some images on it . the images are at <a> tags. when I cllick on each image it should redirect to a specific page. but I don't know why all images redirect to a page that the last image <a> tag href indictes that. all images at the running of the program have the last images href. I attach the jqury. thanks alot if any body can help me. the html code: <div id="gallery"> <div id="container"> <!-------------------------------------
How do I use the ThemeRoller correct?
I have made a theme, that I would like to use: http://jquerymobile.com/themeroller/?ver=1.1.1&style_id=20120901-45 My problem is that when I use it as prescribed some of colours, font etc. are not as expected. My site doesn't look nearly like the one I'm shown, when I'm creating the theme. I can get it working but only with some additional styles, but should it not just work out of the box? Here is with 'custom css' that is working (almost) as intended: http://gosushi.dk/Mobile/default.aspx#Menu
Leaving Forum
I need to unsubscribe from the forum because I receive to many emails I don't need. Thank you
How do I use grep to quickly locate an object on Json Array?
Dear All, I have an ajax call that returns a Json object of the following format [{"Id":'512',"BrideName":'Nithya Lavanya',"ParentName":'Deepak Vasudevan',},{"Id":'539',"BrideName":'Annapoorni Venkatesan',"ParentName":'Unavailable',}] I am able to loop through the individual objects and find the elements. But without looping will I be able to tell whether a particular BrideName (like Nithya Lavanya) is available something like $.inArray(arrayName, "NithyaLavanya")
problem selecting first
Hi all, seems I am getting crazy. Thought I finally understood something about JQuery, now I am running into the silliest trouble with selecting the first item of an element. This is what I have: <div id = "menu"> <div id="Collection" class="item firstleft"> <img src="images/COLLECTION.png"></img> <p class = "titles"> <img src="images/title_1.png"></img> <img src="images/title_2.png"></img> <img src="images/title_3.png"></img> <img
why does my design look different in firefox??
Hello everyone, I'm working on a microsite for a client, and things are working almost fine, except when I tried viewing it on firefox, I was surprised by how mis-placed things looked like..even though I disabled horizontal scrolling, in firefox u could still do it ( dont see the horizontal scroll but if you scroll horizontally it shows), even the webfont is different, although the webfont displays perfectly on firefox in other pages..and the third problem is the page top-margin, in the page properties
Matching width of "text" and "select" inputs?
Hi, For some reason, the SELECT boxes are set at 100% width (in their respective block), yet the TEXT ones are a lot smaller. Is there anything I can do to make them match up width wise? It just makes the form look messy how it is now :( Here is an example of what I'm using: <div data-role="fieldcontain"> <label for="RealName">Real Name:</label> <input type="text" name="RealName" id="RealName" value="REAL_NAME" placeholder="Your Real Name"/>
how can I pull this off?
Okay, so how can I pull this off, I need to be able to swap out an image based on a hover or mouse enter but not swap back if the mouse leaves the area. here is a basic idea of what needs to happen. 3 images and 3 "hotspots" image 1 visible by default "active" and returns active if changed by hotspot 2 or 3. image 2 becomes "active" as of mouse over hotspot 2 image 3 becomes "active" as of mouse over hotspot 3 I had it in css with the :hover reference. However, when you leave the area, it return
HELP PLEASE! I think this is a relatively easy image swap solution but for the life of me I cant seem to get it.
Hey everyone, I must say this community has proven to be not only incredibly knowledgable, but also amazing people on here, thank you all! :) Here is the newest issue I have, I have these set to reveal on hover, just using some css. but now they need to stay revealed until the next one is hovered over. I am guessing that this will be a onMouseOver event without a onMouseOut to reset them but I have not been able to implement successfully. here is a fiddle to show how it functions currently( html
Tablesorter - Adding custom parser not working
I have a colum called leverage that has values like so... 1:50 1:100 1:200 1:400 1:500 1:1000 Where 1:1000 is the largest and 1:50 is the smallest. However my custom parser only seems to sort them by the first number after the colon, where it should be in the ordered like above from smallest to largest. Whats wrong with this code... ts.addParser({ id: "leverage", is: function (s) { return /\:$/.test($.trim(s)); }, format: function (s) { return
safari issue with embedded video in accordion
Hi everyone, I have embedded a YouTube video in an accordion and everything is working fine except when using SAFARI, the problem is that the video is always present regardless of what tab I am looking at, you can take a look at the issue at http://3dotblue.com/prueba/, any help will be appreciated. Cheers Alberto
Only the first attempt to dynamically create a dialog works, and all the following attempts just repeat the result
I have a function which always works fine to dynamically create a page. However, it becomes problematic, if I add data-rel="dialog" to the target URL. The symptom is that I can successfully generate the dynamic dialog for the first time, and my following attempts to generate a different dialog cannot work any more and would repeat to display the first-time dialog. In investigation, I found the $page.children(":jqmData(role=content)") returns null starting the second time. Does anyone knows why and
Image Capton
I've search the net and can find pieces of code with do parts of what I want, but not everything. I'm new to jQuery so don't have a clue what I'm doing but love the power of jQuery. What I am looking for is a script which will create a semi-transparent caption at the bottom of an image, the text taken from the title tag of the image and is only applied between a div tag with a specific id (in this case, "content"). I do not want to have to apply a class name, just want it applied to all images between
Using jquery and ajax to update an asp.net chart with new data
For starters I am just learning to use ajax so I apologize if this is a trivial question but I can't seem to find a good answer during my googling. I have an .aspx page which has a checkboxlist. As an item is checked, a new series is drawn on the chart, if it's unchecked then it gets removed. Im doing this all in the code behind now using mysql database calls to add and remove the series data. Is there a way to do this via jquery using ajax? Charts are returned as images, can an image be returned
I want to know how can i validate the email automatically if it is on my database or not.
I want to know how can i validate the email automatically if it is on my database or not.
jquery accordian
If you use Jquery Accordian with forms in each section how do you stop anyone from opening the next section until the current form has been sent with valid contents Thanks
setIntervall without multiply
I'm doing a chat using prepend() into a setInterval(); Code: setInterval(function(){ $.post("ajax/compartilhamentos.php",function(data){ $(".compartilhamentos").prepend(data); }); }, 5000); the problem is that if something has already been loaded I do not want it to load again, and so just prepend new "data". does anyone know how ?
Background colour of textfield in ThemeRoller is not of correct colour?
I have made the theme that are attached to this post. If you take a closer look you can see that the background colour of textfield (Text Input) and slider (55) are gray. Should they not be white as all the other forms elements? Kindly regards Ruffio
$.load() html with relative hfref
Hello I hope, someone got the same problem or/and a solution. I have a DIV on a ASPX - Page and want to load its content by $().load(). So long no problem, as long as the file is in the same folder. When I load a HTML-File like this $('#divContent').load(../htm/Test.htm) it loads the file, but all the HREFS inside the HTML points now to http://localhost/test/OtherHTML.htm instead of http://localhost/test/htm/OtherHTML.htm. The HREFS are not absolut but relative. There is also an image to be displayed,
how to show user presence icon in web parts using jquery?
Hi, I am working in sharepoint and i want to show the user presence in custom web parts.I managed to get the code for the user details but i am not able to get the user presence indicator icon(as in office communicator that changes colour to dhow user presence).I pasting the code and also giving a result snap shot....In the result beside the name(i have marked the spot) I want the presence indicator icon. My presence information:<br/><span><a class="ms-imnlink" href="javascript:;"><img width="12"
Inserting animate() and show() into a queue in a for cycle
I'm having a very specific problem, I don't even know what to look for in Google... I'm trying to create an animated letter. There's a pen and 5 lines which are in a separate tag, all within one container element, positioned relatively, having their own ID, and the lines are hidden (all on their place, where they should appear). The animation is like this: the pen moves diagonally, a line appears, the pen moves to the beginning of the new line, repeat 5 times, pen goes back to default position, lines
How to accomplish this?
Okay I am trying to set this up so that when the page opens, image 1 is visible( linked with name1), then if you hover on name2 or name 3 , the image switches from the original( image1) to either image2 or image3 accordingly. now here is the tricky part.... I want the image to remain the selected one until a new one is selected. right now it uses css to change on hover but will not hold the new image. this is what I need help with . here is the jsfiddle: http://jsfiddle.net/jeffhalligan/akn6J/ thanks
Prevent Timepicker putting datetime value when it is shown
Hello, I am using this plugin http://trentrichardson.com/examples/timepicker/ What I want is to prevent this plugin populating the textbox when it is displayed first when clicking inside the textbox. Thing is it overwrites if there was a value that came from database and there is no way to undo, unless user refreshes the form. Any way to make this behave like the jQuery datepicket? The original datepicker won't put value in the textbox until a date is selected from the calendar.
.trigger('create') cannot create a listview
Here are the codes I have to dynamically create and enhance a page. The similar pattern has been working for many other kinds, such as text field, button, grid-view, etc. But I found it cannot work with a listview. $(document).bind("pagebeforechange", function route(e, data) { ... $content = $page.children(":jqmData(role=content)"); var markup = '<ul id="calendarList" data-role="listview"><li>HELLO</li></ul>'; $content.html(markup); $page.trigger('create');
having an issue with SmoothDiv Scroller
I am trying to accomplish something similar to another post on here( hence why I put it in this area), https://forum.jquery.com/topic/urgent-need-a-jquery-scroller-for-images-that-are-hoverable my issues seem to be similar with a twist, 1st issue is the right side does not seem to trigger or do anything . 2nd issue is getting the scrolling to be smooth. here is a link to what I have happening now. http://www.jhalligandesigns.com/test/kander/ the one in question is the "my work" just below the fold.
IE10 HTML <frameset> jquery 1.8.1 dev or mini getting access denied problem
We are using <HTML> <frame> tag in which we internally display a signature canvas dialog. This canvas is not able to capture signature and we see "Access Denied" java script error. This is tested only in IE10 which is our current required environment. We are getting access denied exception in "selector.nodeType". This is a major show stopper. Please advice. Regards, Rama
Why my icons are gray and not white?
Hi Forum, I just am testing the glyphish-icons and I am asking me why my icons become not the same as the official jquery mobile example: http://jquerymobile.com/test/docs/toolbars/docs-navbar.html My icons becomes dark gray and not white like the example. Here my result: Here what I want: Do you know why? Script: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
Jquery Tabs Question
I am extremely happy, after a few trials, with our current jquery tabs. Now, however, I am needing to link to a specific tab and have it open/viewable when the user clicks the link. How can I do this with my current set up? http://academicdepartments.musc.edu/nursing/about/college-of-nursing-tradition.htm#tab3 (does not currently work but this is what I want to do)
jQuery Treeview: change hitarea position
Has anyone used this plugin? I would put the icon "+" on the right side of the item, but I can not change the code: // create hitarea if not present var hitarea = this.find("div." + CLASSES.hitarea); if (!hitarea.length) hitarea = this.prepend("<div class=\"" + CLASSES.hitarea + "\"/>").find("div." + CLASSES.hitarea); hitarea.removeClass().addClass(CLASSES.hitarea).each(function() { var classes = ""; $.each($(this).parent().attr("class").split(" "), function() { classes += this + "-hitarea "; });
trapping back button breaks button on other pages
Hi All! I want to trap the back button on my index.html page so that users will know when they're exiting the app vs sending the app to the background. I have code that works by trapping the back button, checks the page and if it's the index page, prompts to exit and cancels the exit if necessary. The problem is, when I navigate to another page the back button no longer works at all. At this point in the development, this is a multiple page model so each page is in its own seperate file and
Datatables plugin - how to create <td> attributes when calling fnAddData() to create table rows
Hello, Prior to trying out Datatables, I basically created my Html table manually and used jQuery .appendTo() to add the rows. It was quite fast. For example: $(this).find("exposureProfile node").each(function () { // init vars here... myRow = "<tr><td class='td_pfid'>" + pfId + "</td>"; myRow += "<td class='td_nodedate'>"+ nodeDate + "</td><td>" + term + "</td><td align=right>" + exposure + "</td></tr>"; // add more rows to myRow $(myRow).appendTo("#pftable");
Ajax call works, but second click doesn't
Hello, I'm trying to make a search with JSON for our cocktail recipes site. The search with JSON works, but after the JSON search is done, I'm trying to connect a click function for the class cocktaillink (which is populated with JSON data). When I try to click on one of the result links it doesn't call the cocktaillink click function. My app is located here. http://www.cocktailz.nl/app/demo/index.html Any help is greatly appreciated. Thanks, Jeroen
Please get jQuery and jQuery Mobile teams to agree on version compatibility
The jQuery and jQuery Mobile teams have repeatedly made conflicting statements about version compatibility, and this has just occurred once again. This is from yesterday's release announcement for jQuery 1.8.1: Use jQuery UI 1.8.23 and jQuery Mobile 1.1.1 or later for best compatibility with jQuery core 1.8.1. At the same time, the jQuery Mobile development blog says: Support for jQuery 1.7.2 (and soon 1.8) jQuery Mobile 1.2 now supports versions 1.6.4, 1.7.1, and 1.7.2 of jQuery core. We recommend
How to modify my code to use next and previous with iPad images
Presently this is working with the swipe on the iPad. $(document).bind("zoom.swipeleft", function (e) { $("#mybook").turn('next'); }); $(document).bind("zoom.swiperight", function (e) { $("#mybook").turn('previous'); }); my second code is not working right. $("#nextPg").click(function (e) { e.turn($("#mybook").turn('next')); }); $("#prvPg").click(function (e) { $("#mybook").turn('previous');
How to add html row dynamically in Jqgrid edit popup
Hi , I am using jqgrid edit popup. The popup has text box as Name and button as 'Add'. on click of Add button , it will create span or row on popup ,and add value of text box to that span or row. So if user clicks the add button n times , n rows should be created. Can anyone help me ,how to do this.I have very littile knowledge of jqgrid Thanks.
Next Page