Parent of next element
Hi All, I'm trying to assign a margin-left to the next element's parent (line #10), but for some reason, it's not working. Here's the relevant code: var $chars = $el.children('span').addClass('sl-w1'), $chars.each(function(i) { var $char = $(this); $char.wrap( $('<span/>').addClass('sl-wrapper') ) // wrap each of the words chars and set width of each wrapper = chars width .parent().css({'width' : '$char.width()' + 'px'}); var initwd = $char.width(); var newmar = 120 - initwd;
stupid newbie question: bind taphold to a dynamically created element
I'm getting a list of items back via json and displaying those items just fine... none are static, all or displayed dynamically. What I want to do now is bind a taphold event to popup a delete menu and a swipeleft/swiperight event to load a new page and display the entire item (instead of just its header). The items/headers are inside <li> and those are nested inside <div data-role="collapsible"> elements. I've read a dozen articles and there seems to be all sorts of issues witht this: all
jQuery Cycle Background White
I have read lots of posts relating to this issue. The standard response seems to be set cleartypeNoBg to false or true, but that still does not work for me. Please does someone have a definative answer to this issue? I am using PNG's with transparent background, which display a white background when the page is refreshed, however, it only happens if the refresh coincides with a transition. When the page is refreshed outside of a tranistion then the white background does not flash up? Thank
Using persistent toolbars
I recently implemented the "data-id" on a footer toolbar to persist the navbar when people click on tabs. I have custom styles on the navbar tabs. When you click on a tab, they do persist through transition, but the custom styles are lost for a second then re-applied. This issue makes this feature unusable for this application.
Creating a simple jQuery slideshow
Hi all. I am learning jQuery and need to build a slideshow. I have looked around the web and cant find a plugin that does what I need. I need a slideshow that can have different size images, that are centered both vertically and horizontally within a set div size. Is this something I would be able to do with a limited skill set? Does anyone know of a plugin that would do this? or would anyone be willing to point me in the right direction with code. Thank you
swipe event broken by embedded swf file
I am capturing swipeleft and swiperight event to change pages on a web site... this all works fine unless I have a swf embedded on the page. The swf seems to 'break' the event and it is not firing when swiped on the swf object. Any ideas as to why this would be happening? I am using: $(document).swiperight(function()... and $(document).swipeleft(function()... to capture the swipe event for the entire document.
unable to fully stretch select menus
Hi guys, i am using jqm 1.1.1 and trying the custom select menus (http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html). however, it is not stretch full 100% width like those input textbox. in addition, there is always a line appeal at the bottom of it although i already applied below CSS: .ui-hide-label.ui-br, .no-field-separator { border-bottom-width: 0; } .ui-field-contain.ui-hide-label, .no-field-separator { margin: 1em 0; padding: 0; }
next() prev() together
Hello everyone, I have a very simple question. $(this).next() .stop(true,true) .fadeOut(910, 'easeOutSine') .next() .stop(true,true) .fadeOut(270, 'easeOutSine') .next() .stop(true,true) .fadeOut(50, 'easeOutSine'); $(this).prev() .stop(true,true) .fadeOut(910, 'easeOutSine') .prev() .stop(true,true) .fadeOut(270, 'easeOutSine') .prev() .stop(true,true) .fadeOut(50, 'easeOutSine'); This is what I have and it seems to me somehow silly to write so (even if ti works perfect) I am looking for
Youtube Video with jquery mobile
my question is how to play youtube video in our application using jquery mobile .I have try video tag in HTML5 it working with other url but not with you tube or can i have used plugins for playing youtube video
How can i disable the whole page when i show the loading popup?
When i click a button, it will fire a even and post some data to the server. So before i got response, i wanna show a loading popup. I know the function $.mobile.loading( 'show') , but how to disable the page on the back? because i still can click the button even the loading is there
Select Menu with images
Hello everyone, I have problem..... I followed different tutorials on the web in order to obtain a select menu with images inside the different options of the menu....but every way I tried dosn't work. I need a select menu in which every single text option is accompanied by an image.... How can I obtain this? Thank you a lot Luca P.S: this is one of the "tutorial" I followed http://stackoverflow.com/questions/5512685/how-can-i-add-images-to-jquery-mobile-select-menu-items
jQuery POST with remote HTTPS resource
Hi I am trying to figure out how to use jQuery $.post() to access a remote integration service using their demo SSL portal url= https://int.tangocard.com/Version2/GetAvailableBalance , and demo access credentials (in JSON): data={"username":" third_party_int@tangocard.com ", "password":"integrateme"} . I put together a sample web page to perform this POST, but errors with statusText of "error" and the error response object has nothing more. I also tried to scope this under Fiddler 2 , and I did
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
Hide a container element which is generated from jQuery dynamically...Please any ideas...
Hi I am new to jQuery, Problem I have is, I want to hide a container when any container element is clicked and open a new div and show its values. Whats the best way to do it...please any ideas. (function($){ $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; }
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
Next Page