scrolling to list divider items when click event fired on navigational index?
I need vertical scrolling animations should be fired on list dividers in JQM when user clicks on navigational index.For example if i have list of users in list dividers and an alphabetical navigational index on top.when user clicks on "S" index then the list will scroll down to S users list and stop.Is there anyone worked on this.or any suggestions will be helpful. Thanks, Leostar69
Infinite loop - can't find jQuery
I have a weird problem that only happens occasionally. In my js file there is a section for utility functions. I eventually added a section for jQuery utility functions (shown below). The code is in the middle of the file but not inside of any closure. The script tag for the file comes after the sript tag for jQuery. Some times, and as of yet I don't know how to reproduce this, the code will run an infinite loop giving the error that it can't find the variable jQuery on line 37 of the code shown
Variable comparison on SHA256 validation [SOLVED]
Hi everybody, I'm new on jQuery (in fact programming I'm novice) and need some guide to solve something I have to... I'm building a form that have two fields which converts values into hashed strings using Alex Weber's sha256 jQuery plugin. In addition I need to compare it with the ones stored in a xml, and permit form submit only if user input and xml values are equal. The plugin works and I can get data from the xml, but i'm getting problems when I try to compare the data. That's the code I wrote:
how can i toggle for play or pause button for slideshow??
i want to implement the concept of slideshow,for that i want to add a single toggle button, when i click on play it has to play the slide show,and when i click again for the same button the text has to change into pause and the slideshow should stop.How can i do it??
How to send private message?
Hey Everyone, This seems like the most ridiculous question ever, but I can't find the option to send a private message! I went to My Account -> Private Messages, and all I get are two tabs: Inbox and Sent with no option to send a PM Gah!
How could I get the second last elment?
Hi, how could I select a html-element before :last-child? I have an script like: var lastelm = $('div.lof-main-item:last-child'), buttonnext = $('a.next'), buttonprev = $('a.previous'); $(buttonnext).click(function() { if (lastelm.css('opacity') === '1') { $(buttonprev).show(); }; });But I don´t need the lst-child but the one before last. Best regards
jQuery Mobile select menu trim problem
Hello I have problem with trimming label text of option from select menu in jQuery Mobile. Option from select menu if text is too long trimming right side of text But in my case i would like to trimming left side of text. I can't find any option allowing for this in documentation. best regards A.Piechowiak
how can i toggle for play or pause button for slideshow??
i want to implement the concept of slideshow,for that i want to add a single toggle button, when i click on play it has to play the slide show,and when i click again for the same button the text has to change into pause and the slideshow should stop.How can i do it??
dynamically include html pages (client side)
hi, usually there some code part that are redundant in the code, exist a way to put them into some external file and incude those external html files where neded??? I try with something like this: $('#footerDiv').load('Shared/Footer.html').trigger("create"); but it dont load the html5 data attribute and without loading html5 data attribute jquerymobile framework stop to work any idea??? p.s I'm italia pls ignore some english mistakes
Toggle image
Hello, basically I have many big images. Each one has 5M size, I want to place small size thumb pictures to display them. When clicking it, the big one will be displayed. Example: http://www.oracle.com/webfolder/technetwork/tutorials/obe/db/dotnet/EntityFrameworkOBE/EntityFrameworkOBE.htm How to do it in Jquery? Thanks.
Using jquery.ready to add new text to the top of a line .
<div>it is a test ,for interest rate <br /> <span id="interest-rate"></span> %. </div>now ,if I use $(funciton(){ $("#interest-rate").html('3.2'); }); to fill the 3.2 to the span tag when jquery ready. because of the <br /> ,so the 3.2 will appear at the top of the next line.at this time ,even though I see the 3.2 from the source code but it didnot appear at the page. and if I remove the <br /> tag ,so the span tag will appear at the same line ,then it will appear correctly. who can help me
using .has
How would I use the .has syntax in something like this which uses :has $('li:has(ul)>a').click
Fade in div when visible by percentage visible
I have this page: http://84media.nl/project/couch4/ Currently, when the second (red) div slides into the viewport, it fades in. Unfortunately, this only happens with the first one because of the use of window.scrollY. How can I calculate the opacity right for all divs? I've used this script: <script> $(window).scroll(function() { $('.subPage').each(function(){ if($(this).css('opacity') <1 ) { var targetHeight = $(this).outerHeight(); var scrollPercent = (targetHeight - window.scrollY) / targetHeight;
How to sort span column header using tablesort script
I'm trying to sort the html table, like below, I like to sort when click on table header (Person,User#, UniqueID ,Full Name, Trans No., Flags, In and Out). How to sort when click on In as well as Out column using table sort? here is a demo using the information from the image above. Is it possible for multi column sort using table sort script ? any suggestions ?
A working dynamically loaded google map api v3
just as a tip for someone looking to load google map dynamically in jqm 1.1.1. hope this help ! Cheers ! in your index.html file: <div id="map_canvas"></div> in your js file: $('#map_canvas').live("pageinit", function() { $('#map_canvas').css({'width':$(window).width(),'height':$(window).height()}); }); $('#location').live("pageshow", function() { if(window.navigator.onLine){ $.getScript("http://www.google.com/jsapi").done(function(script, textStatus) { google.load("maps","3", {"other_params":"sensor=false","callback":"loadJqueryUiMap"});
isotopeanimation problem
http://jsfiddle.net/djsbaker/gPuD9/ i am trying to convert this js fiddle isotope similar to cisco isotope... can u guys tell me how to avoid the animation... i am providing a cisco example http://gobuild.cisco.com/#/view/cloud
Multiple Form Validation Problem
Hi All, I am trying to use jquery to prevent whole page refreshes on form submit events. It is OK if i have only one form with the below technique. but problem occurs when i have multiple forms. Actually my first form's output contains another form and it is displayed in the DIV with id results. When i post the second form whole page is refreshing. Javascript code does not work to validate it like the first one. At this point i am not able to prevent whole page refreshes. My aim is to maintain all
page loader
i need to use page loder in my webpage. while loading content like images etc that loding image should be displayed under the page. how i can add it? what jquery code can use for it? plz help me somebody.
Skip a control upon tab press & return back to the same control
I am building a user interface through jquery & asp.net like this. I am explaining how my screen looks like.. Imagine that I have three textboxes (txt1.text , txt2.text, txt3.text) and a button (btnaddrow) in one row and textboxes (txt4,5) in second row in .aspx page. When I click "Addrow" button it creates the whole set again (same fashion as in 1st step) I am handling the onlick event of btnaddrow through Jquery and dynamically building this UI. I want to accomplish this .. when I hit tab it should
jQuery("#tabs").tabs("option", "selected") returning object object
<script> jQuery(window).load(function(){ jQuery("#tabs").tabs(); alert(jQuery("#tabs").tabs("option", "selected") + " is selected"); jQuery( ".tabselect" ).bind( "click", function(event) { jQuery("#tabs").tabs("select","#tab-4"); event.preventDefault(); }); }); </script> For some reason the above code is returning an object and not the ID of the
I know I am asking tons of questions but i am learning even more! :)
Okay, So I am trying to implement the Jquery tools tooltips plugin. it is the only Javascript on this page so I know that should not be an issue. All I am getting is the browser default options! here is the Jsfiddle of it. the tooltip should be in a long black bubble type . I can include a screenshot pf the psd if it helps. http://jsfiddle.net/jeffhalligan/8g8Mx/2/ I do not know what is going wrong but it seems to completely ignore the css. thanks for any help. Jeff
toggle object
Hi this is my first post, hi looks like a great forum. It's also my first day trying out jquery and i'm really impressed so far. I have done some java, some javascript and php etc but it was some time ago. So i tested some stuff on a freebie website .. http://testsite15.hostei.com/ and the jquery function works great in IE, just a toggle that hides a div tag containing an object tag (swf video) the div is hidden and the video continues to play. $(document).ready(function(){ $("button").click(function(){
Problem with displaying Hint
Hi Experts, i have a code like this <td width="300px"> <input type="text" class="textbox" id="focusIn" /><span id="hint" style="display:none;">Testing</span> </td> if both the codes are in same TD under a TABLE, its working fine. But if i want to put the <span> content in next <td> its not working. Please help me. my script is <script type="text/javascript"> $(document).ready(function() { $("#focusIn").focus(function() { $("#focusIn").next("#hint").css('display','inline').fadeOut(3000);
Targeting a function from an embedded div
I have a main page where a function called openmov() resides. I've created a div on the main page called 'moviewrapper' that calls in a div named 'movie' using load(). Within 'movie' is a div called 'trigger'. I'm wondering how to get 'trigger' to fire off the function openmov() on my main page. Thanks in advance - sleepydad
How to adjust duration of Nivo Slider
just trying to make the images stay put longer before changing. i'm using nivo slider and am new to it and scripts etc. i tried opening the files in notepad but i can't make heads or tails of the script. thanks in advance for any help.
Droppable inside Sortable not working
I cannot get the droppable to work inside a sortable. Please see the jsfiddle example. I can add the elements to the sortable, but cannot add elements to the droppable nested inside the sortable. If I destory the sortable then the droppable works. http://jsfiddle.net/dan2012/vMnQM/
Selector for next non-sibling input element?
Hi there I'm working with jQuery on a form where each input element is contained in an <li> element. I'm a bit of a newb, and absolutely loving it, but I've hit a puzzle. Some fields are read-only, identified by a class ".readonly", and I'd like to bind a jQuery function to these fields' "focus" event, to send the focus to the next input whose class is not read-only. But, because of the containing <li> elements, I don't think .next('input') will work, since the <input> tags aren't siblings. Is there
How can I implement a horizontal dragging page navigation system?
Something similar to www.blacknegative.com, where to navigate left and right they click and drag the page in the direction. I have something similar, however I don't know how to fix the math within the JQuery to add additional pages, which needs to be done for each new page. Thank you!
Strange .wrap behaviour...
Hi everyone, I've this problem that's really driving my crazy! I retrieve a json list of image-links so then I create the images & add them to a div on a page.. which all works fine! Then I decided to add hrefs around the images so I thought.. I'll use the .wrap function.. but the thing is, I just can't get it to work.. Here's part of my code, I've been over it so many times & I just can't see what I'm doing wrong :( $.each(imagesData, function(i,image) { var image = $('<img />')
Cycle Plugin - Multiple Images
I'm trying to have multiple images showing at the same time within the slideshow. I have a previous and next button, but with each advancement, I'd like to show three unique images at a time instead of just one. I thought changing the area of the display area would work, but it didn't. I think there needs to be some changes in an area I'm not aware of.
Cookies disabled for ICS (4) Android???
Hi, I'm using Android 2.3 on my phone, and my app works fine (phonegap / JQM / Eclipse) with cookies for the login system. For some reason though, its refusing to work in Android 4 (Ice Cream Sandwich) ... is there a reason for this? I've tried pure JS and also a jQuery plugin to set the cookies... yet it just refuses to save them. The emulator gives the same issue. The only reason I was made aware of this is due to my friend testing it on his Galaxy S III which is on version 4. Is there a way around
Issue Scrollbar Popup
Hi, i try to use the popup.open function with JqueryMobile Alpha. The popup appears correctly but i have a scrollbar visible and my page height is resize. I'm trying to make an Iphone Like webApp, and all my page is set to have fixed header and footer (i also use iscroll4 plugin). How can i disable this resize ? Regards
Pop-up window with form lower right corner of monitor
Hello to all, Somebody knows how can I do this: https://qualaroo.com/ I think it should be simple with jquery ... maybe there is a plugin that I do not know ... A widow pops-up in the lower right corner on the screen asking visitors stuff ... Visitors can open and close the window ... BTW, This is my first post in the forum!! Happy to meet you all ... Greetings, Eddie
Hide flash of unresized div without CSS
Hi. I have a div that on hover opens. My script on load finds the height of the div, then resizes it. My issue is that because of this resizing the full size of the div is breiefly displayed before jQuery resizes it. Is there anyway to hide this flash without CSS? var basket_height = $('#basket').height(); $('#basket').css({ height : '30px' }); if (Modernizr.touch){ $('#basket').toggle(function() { $(this).animate({ height: basket_height + 'px' }, {duration: 'slow', easing:
Listview - Search Hidden Text
Is there a way that this search can be made to look for: option 1 - all of the words (not in the specific order) option 2 - one of the words the user enters into the search box?
Split Button in List Dividers
Hi all is there a way to have the split button on a list divider? Thanks
Jquery http server ??
Been using jquery for a few months now, and love it. I have recently come across a case where I need to build an http server (listener) in javascript. I can't seem to find this functionality in jquery. Am i simply missing it ?? If so, a ptr to documentation would be great. thanks
JQM 1.1.1 AND IE8 Problem
I'm having a problem implementing JQM 1.1.1 in IE8... I'm using JQM 1.1.1 AND JQ 1.7.1 This works in IE9, FF, Chrome, but in IE8 the page does not load... Can anyone point me in the right direction ... Thanks http://www.29.e-goi.office.maxideia.com/w/1x8e16ueQeh7r92NqAg
rearrange an html table with Jquery
Hey guys, I'm new to jquery and i'm trying to rearrange the way a table looks. I have this: <table> <tr> <td>some text 1</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 2</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 3</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 4</td> <td><input type="text"/></td> <tr/> </table>
how to sum number from textbox and appear live result
I need to sum numbers from textbox once and appear the result live in other field how can I do this ??? I am beginner in the jQuery. notice: the textbox value maybe changed by me thanks
Next Page