New to JQuery Mobile Navigation -- having problems
Hi, I'm developing a little mobile test app here. http://eggcave.com/mobile/index/459249 Click the arrows to go back and forth between pages. Click "Feed Creature" to perform an AJAX request. Problem: upon clicking an arrow to go to the next page, the ajax handler for #feed_creature no longer works. I also notice that the #dialog-fed-creature dialog and #dialog-recent-feeds dialogs don't work. It requires a full page refresh to "reset" these elements. I'm new to how jquery mobile handles page navigation...
on ul li how not to fire click on children?
on ul li how not to fire click on children.. how to make each tag independent from babbling down events? http://jsfiddle.net/mHP7a/1/ thanks
Wrapping autocomplete results (ul) within an additional container (similar to bootstrap dropdowns)
Ok – so here's something which should probably be solved within minutes. Unfortunately, I have not been able to make this work for the last couple of days – so maybe someone is able to help. Currently, the results of an autocomplete look something like this: <ul> # get the positioning <li>first result</li> <li>second result</li> </ul> What I want to achieve is this structure: <div> # should get the positioning <span class="arrow-up"></span> <ul> <li>first result</li>
Triggering a window resize on click?
Hi guys - I've found a bug in a framework I'm using. Basically a certain module won't work until you've resized your window. I don't know why that is, but I can think of an obvious fix: make the window resize when the module needs to be used. I've had a go at this, and it's not working. Here's the jquery I've tried: $(".range-slider-handle").click(function) { $(window).trigger('resize'); }); That's sitting on it's own in a .js file. The html markup of the module is like this: <div class="range-slider"
scrollTop() problem in Firefox
If you run the following, you get one messagebox open in Chrome, and a LOT open in Firefox: jQuery(document).scroll(function(){ alert(jQuery(window).scrollTop()); }); I've created a demo here: http://jsfiddle.net/captainmorgan/cVsRE/1/ Open in Chrome and scroll down with the mouse wheel. I get 100. When I do the same thing in Firefox I get 114, but Firefox continues to display multiple messageboxes and the number keeps decreasing. Does anyone know why Firefox does this?
Send PHP variable to AJAX
Hi guys, I send variable to AJAX for editing some data in table, but every time when I clicked in any rows JS receive my first clicks variable <table id="link-table" cellpadding="0" cellspacing="0" border="0" class="display dt2"> <thead> <tr> <th>a</th> <th>b</th> </tr> </thead> <tbody> <?php $stmt = "SELECT a, b FROM ast.cdr ORDER BY a desc"; $result = mysql_query( $stmt, $conn ); while($row = mysql_fetch_array($result, MYSQL_ASSOC)){ $id= $row['src']; ?> <tr class="gradeX">
jQuery video chat
Hi there, I am looking for the right technology to enable video chat between two (or more) browsers, I followed webRTC which looks promising but is not supported by IE. How can I make a video chat application that will support most browsers ? Thanks,
Scroll div problem
Hi I am learning Jquery, I am trying to scroll div content but is not scrolling which I was expecting Please check my project link http://fltech.in/scrollprob/ rollover on image, and I need it must scroll right to left I am trying to make like this >>> http://www.juliaurban.ru/ru/collection/2014/vesna-leto/
Re: Problem with Account Creation Form executing submit funtion twice
I am relatively new to web design and have a problem with an Account Creation Form submittal. I have listed my code below. I have used Font Awesome to render the icons on the web page. I have used Parsley from http://parsleyjs.org for the form validation which works perfectly. I have used the jQuery Form Plugin from http://malsup.com/jquery/form/ to handle the form functioning. The problem is I receive the Account Creation Form email twice and also the dialogue box alert pop's-up twice. The CSS3
Hello, just want to ask if this is possible?
Hi just wanna ask if this is possible <h2></h2> <p></p> <p></p> <h2></h2> <p></p> <p></p> <p></p> <h2></h2> <p></p> Just want to wrap them with DIV Thanks...
email validation in jquery
I have this form which checks for email validation in jquery <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> My </title> <script src="Scripts/jquery-1.10.2.js"></script> <script src="Scripts/jquery.validate.unobtrusive.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> div.contactForm { width:370px; margin:0 auto; } form.contactUs label { display:block;
Unable to get correct activePage when processing pagecontainerhide event
Demo is here, as you can see, there are two pages, i want to do something when p1 hides or before p1 hides, i tried to get the activePage, but it seems whatever the event is, the activePage always is next page, for example: p1 -> p2, i got p2. How can i get the page which is hided?
Unable to get FastClick working with jQM
Hi, Does anyone know why it's impossible to click the `Open panel` button in jQuery Mobile when FastClick is enabled (using Chrome's mobile emulation)? http://jsfiddle.net/frank_o/kV85c/1/embedded/result/ Thanks!
loosing jquery mobile look when adding something dynamically
Hi everyone, I'm developping a mobile web site and I have to dawnload a JSON list, this is working. Then I want the slider "On/Off" for each element of my list, so I did this : function affichage_intensite() { var i; var $lampes=$('#lampes_intensite'); for(i=0;i<3;i++) { window.console.log("<label for=\""+tableau_lampes[i].name+"\">"+tableau_lampes[i].name+"</label>\n\ <select name=\""+tableau_lampes[i].name+"\" id=\""+tableau_lampes[i].name+"\"
perform animations -> when complete, wait for a click to perform another action, animation repeats. Gurr.
Here is my code snipit $wrapper = $("div.box"); $wrapper.each(function ( i) { var div = $(this); setTimeout(function () { div.fadeIn(800); }, i * 800) }).stop(); $("a.imp").click(function(event){$(this).parents("div").css('z-index','2');return false;}); The loop with the setTimeout function works fine. And when run alone, the click function on the link
Overriding Jquery UI methods
So currently I am trying to use the Jquery Autocomplete widget in my grails project, however, using a jquery-ui-1.10.3.custom.js , the grails integration plugin for jquery-ui automatically includes a lot of addons for Jquery (Sortable, Draggable, autocomplete, etc.) I am however, using a seperate script for sortable (http://johnny.github.com/jquery-sortable/ ), as it provides functionality for nested lists. However, it seems that the Jquery method definition for sortable overrides the external scripts.
Is Autocomplete Completely Broken?
Using browsers: Chrome, Firefox, Opera, MSIE, Konqueror, Seamonkey Running on: Windows 7 Pro, Windows 8.1, Ubuntu 12.04, Ubuntu 13.1, CentOS 6 Testing jQuery's own API URL: http://jqueryui.com/autocomplete/ fails. I don't get any autocomplete activity, including: 1) No "class" modification of the sample text field (should append 'lookup ui-autocomplete-input', but doesn't) 2) No dropdown to select from 3) No javascript errors of any kind It's like it's not firing, at all ... or not getting any response
bugfix for jquery-2.1.1 vendorPropName() - critical for my apps
function vendorPropName( style, name ) { // shortcut for names that are not vendor prefixed if ( name in style ) { return name; } // check for vendor prefixed names var capName = ( name==='' ? name // i have jQuery.css({bottom:''}) which are Necessary for my apps to run. : name[0].toUpperCase() + name.slice(1) ), origName = name, i = cssPrefixes.length; while ( i-- ) { name = cssPrefixes[ i ] + capName; if ( name in style ) { return name; } } return origName; }
html 5 native validation is not working in jquery ui dialog box
I have a dialog box with some form fields.When I click on the submit button inside this dialog box the form is not validating using HTML5 attributes.But I can validate the form using Jquery validate plugin.But I need to do HTML5 native validation on button click, this is not working. My code is as below. ===================== $("#popup").dialog({ autoOpen: false, title : "View/Edit Screen", dialogClass : "pop-content pop-header-colr pop-button pop-float", width:800, height:650,
Console undefined error
Hi I'm getting a console is undefined error in IE8. What is the issue? with my code? function appendIndividualDetails(individualResponse) { var creditscore=false; for (var i = 0; i < individualResponse.length; i++) { if (individualResponse[i].hasOwnProperty('value')) { console.log(individualResponse[i].tag); if(individualResponse[i].tag=="SCORE") { jQuery("#input_24_65").val(individualResponse[i].value);
Confirm dialog on submit returns to page
I am using jquery confirm dialog instead of the usual javascript confirm() so that I can easily format the buttons on the alert. After that I want the submit the form on the page when users clicks the accept button on the confirm alert. However, after submitting the form it redirects page back to the form. That is not what I want, it should submit and allow the page to continue. What I am I doing wrong? $(function() { $( "#dialog-confirm" ).dialog({ autoOpen: false, resizable: false,
My draggable function has broken
Hi! I had a draggable function and it was working nicely. But when I add NO-2 function, my draggabe function and my close button(button which included the div) broke down. Need help. HTML codes: <div id="draggable" class="yeniyorum_div"> <div class="yeniyorum_baslik"> <span class="basliktext">Yeni yorum oluştur</span> <button class="closebutton" type="button" id="hideshow" >×</button> </div> <form method="POST" action="javascript:void(0);" class="yorumform"> <textarea name="yazilan_mesaj"
Re: Problem with form submittal
I am relatively new to web design and have a problem with a Form submittal. I have listed my code below. I have used Font Awesome to render the icons on the web page. I have used Parsley from http://parsleyjs.org for the form validation which works perfectly. I have used the jQuery Form Plugin from http://malsup.com/jquery/form/ to handle the form functioning. I receive the contact form email perfectly. However, I also have a dialogue box alert pop-up with the message "undefined", when I would expect
inArray() behaving badly for me please.
I can make and array as displayed in the alert, but when i try to use inArray to identify an item in the array it doesn't see it and gives back -1. What am I missing? thank you. jsfiddle: http://jsfiddle.net/vhabhsrosed/QG8YU/ jquery: $(document).ready(function () { var newArr = []; var xtext = $("i"); $(xtext).each(function (index) { newArr.push($(this).text()) }); alert(newArr); if (jQuery.inArray("Other IRB Site", newArr) != -1) { alert("jjjj");
Need Help Creating a Basic Nested Plugin functions
I creating a jquery Plugin like this: (function($){ $.fn.gthnx = function(options){ var settings = $.extend(true,{ g1: null, g2: null, g3: null, g4: { j1: null, j2: null, }, },options); return this.each(function(){ // I dont know how to start here for the nested functions I know how to use g1,g2,g3 but g4 don't where to start? can anyone help me. }); }; }(jQuery)); Thanks, much appreciated if you could help
Tab strip touch slider using Jquery mobile
I want to have a Tab strip touch slider and page content touch slide/swipe functionality like that of Google Play or Facebook mobile app using Jquery Mobile. Can anyone help me with this requirement? Please find the screenshots below: http://i.stack.imgur.com/BSKRM.png http://i.stack.imgur.com/KsQBF.jpg
JQM Swipe-Page
I have a JQM site that is using JQM swipe-page.js. just swipes thru 6 different pages. the script is working as long as there is nothing on the page (no div content) here is the script $( document ).one( "pagecreate", ".demo-page", function() { $( "#header" ).toolbar({ theme: "b" }); $( "#footer" ).toolbar({ theme: "b" }); function navnext( next ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", next + ".html", { transition: "slide" }); } function navprev( prev ) { $( ":mobile-pagecontainer"
Issue on Adding Animation to jQuery toggleClass()
Can you please take a look at This Demo and let me know how I can add Animation / Speed or Duration to the following code $("#ecolomodel").on("click",function(){ $("#ecolomodelno").toggleClass("switchshow switchhiden"); $("#ecolomodelyes").toggleClass("switchhiden switchshow"); });using this mark up <div class="panel panel-default"> <div class="panel-heading">Switch</div> <div class="panel-body"> <div class="row"> <div class="switch col-lg-offset-1 col-md-offset-1
tabs, link out, how to return to the same tab you left ?
Hi, I am using three tabs in a page called page.jsp, one of the tabs has a link to another page page2.jsp, this last page has a link (goBack). the problem when click that link, only the first tab open but not the one I was in. any help is appreciated. Thanks
jquery validation, jquery mobile: Errors not removed after corrected -- jQuery Validation Plugin interaction with jQuery Mobile Custom Select Menu
Hi, How can I get jQuery Validation to remove the validation errors when the user makes a valid selection in a jQuery Mobile custom select menu? Thanks
Jquery Form Plugin Breaking in IE
Hello all, I'm trying to implement the jquery form plugin for a client. The form is working in Chrome, but in IE(11) it's not working. I've looked through the core as much as i can but can't seem to figure it out. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Agent Submission Form For Auto
Modify ajax request
Hi, I am not sure if this is possible but thought I'd ask. Essentially I want to modify the jQuery.ajax.data property after the event has been triggered but before the request is sent?. The reason I ask is because I am using jquery-ui autocomplete on a number of fields on a page and the data parameter will need to be modified depending on which input triggered the request, EG if the input field had the name 'code', data would 'code=' + req.term, if the input name is 'name', data would be 'name='
Need help firing an event only once using .change()
Hey Guys. I have created a "Tip" selection drop down menu for a restaurant ordering website. When the user reaches the checkout page, it will automatically add the default tip of $2.00 to the subtotal amount. Here is the function will execute when on a document ready event function changeAmountsBasedOnTip(){ var $tip = $('#tip').val(); // Select the value of the tip var $subtotal_elm = $('#sub_total').text() Select the value inside the subtotal div element var $subtotal = returnAmount($subtotal_elm)
select widget -> visit page 2nd time -> refresh selects
Hello, i have a problem, again, with this Jquery Mobile Page-System: I have some Selects (Selectmenu Widgets) on my site, i.e. for Color: BLUE and Size: 6. When i choose Color RED and Size 7, the Page changes to another Page. So the Problem is, when i go BACK: The Selects are still on RED and 7, cause i have choosen this on the first site. But i want it to be refreshed, BACK ON blue and 6... How can i do that? Its not working like that: $(".ui-select").each(function( index ) { $(this).on( "selectcreate",
How do I know to which block the user is drag with Sortable Lists?
Hello, I have an example at http://www.familiekant.nl/toernooimaker/club/drag.php I have a few users which I want to divide into 2 (or more) poule. I can drag and drop these users with the plugin sortible-list but how can I make the change in the mysql database when a user is released in a poule? So when eg user Arie Thuis was released in poule 1, the record of Arie Thuis must have updated the number '1' in the column poule. I have a user table with a column poule and a poule table with the ID of
JS - dependent radiobutton choices, compare their value and then show image
Hey everyone, I am new here. Regarding my studies I am in a problem with JS and JQM at the moment. I'm trying to develop an interactive map of a building, showing the floors and some special rooms there. These options are represented by two "controlgroups" with JQM and three buttons each. I know want to find out which of these buttons are pressed and depending on them show an image below. Example: Button FLOOR 1 is pressed and then Button RESTROOM – now I want to load an image that shows exactly
carasoul error
I found this really nice carasould in a Jsfiddle online JsfiddleLink , but i want to modify it a little bit i.e. 1. i want to to be paused and 2. i want it to slide to the next slide only when i click on the <li> associated with the slide , or when i click on the next or prev button on the carasoul . i acheived the 1st objective by tweaking the code a little bit . i.e. $(function () { $('#homeCarousel').carousel('pause'); });But now how do i add the complex part , By which i mean ,
Drag list of DIV into a 3x3 table.
Hello all. I'm very very new to JQuery and i'm having a bit of difficulty getting what my mind thinks as easy on to the screen. I know I need JQuery draggable but im unsure how to get what I want from it.. On the left, I have a 4x4 table which is empty, and on the right are a list of items, I want users to be able to drag the items into any of the table cells then remove the item from the list, but they also need to be able to take the item back out of the table and put it back into the list. They
Target an area with Jquery
Hello everyone! I've a button and this button opens a div. I've figured that when I target an area except this div it should be hide. This is my codes but it doesn't work perfectly (actually it works slightly). <!--show hide div--> $(function(){ $('.mybutton').click(function(){ $('.mydiv') .show() }); $('html').on('click', function(event){ var target = $(event.target); console.log(target); if (target.is('.mydiv')
Help with finding a Jquery plugin
Hi guys, I'm building an interactive site and there's an interactive effect I'm trying to achieve but I'm having trouble finding a plugin that would do the job. The effect I'm after is a type of hidden image slideshow that requires the user to hover their mouse to uncover squares of the image beneath. Here's an example from a site that does something quite similar. For my site, it wouldn't have to be identical, but I'm going for a similar 'uncovering' effect. After clicking on the link, it's the
Next Page