First item after divider does not display properly
I generate a list with dividers and the first item after every divider does not show up properly, no text, but an unusual link icon. here an example <head> <title>Listview test-</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> </head> <body><ul
get user location (street, city and country) in input field
I am very knew to jquery. I have the following code <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>New Road</title> <meta charset="UTF-8"> <link rel="shortcut icon" href ="images/congestion-fico.jpg" type="image/gif"> <meta name = "viewport" content="width=device-width, initial-scale=1.0"> <link href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css"/> <script src="jquery.mobile-1.4.5/jquery-1.11.3.min.js"
How to populate a dropdown base on another dropdown?
Hi, I have 2 dropdowns in a page, the 1st dropdown drives the values of the 2nd dropdown. For example, if the user selects "Department" from the 1st dropdown it will pull from the tblDepartment table. Let's say, I have another one called Business Unit, if user selects this, I will pull from tblBusUnit table. I found an example below: http://www.webcodeexpert.com/2014/12/jquery-ajax-to-bind-aspnet-dropdownlist.html How can I pass the dropdown value using the jquery and how does the server side code's
Jquery ajax error
Hi, When I called a WCF method from my web-service client using jquery.ajax , I get this error: "Error: Operation aborted" The web-service runs with WebHttpBinding and my jquery web-service client code is as the attached : What will cause this error to happen ? Looking forward to hear from you ! //Johnny Olsen
Invalid effect when passed to toggle method throws an exception only the first time its called
In code below, I am using toggle method from jquery ui library to animate a div. The first parameter is the name of the effect like fold or drop or bouce. When I pass an invalid effect like `xyz` then the code below throws an exception that gets caught by the catch block. However, on subsequent re-runs of the same code no exception gets thrown and also no animation happens since `xyz` is not a valid effect. Question : Why the error for invalid effect is only being thrown when this code runs the
Panels not working in a fixed width page.
Hiyas! I have made the page a fixed width so when people view the site on a tablet or computer it isn't using all the screen. The problem I am having is that the left panel isn't working when it comes out. In dreamweaver live view it works but online it doesn't. I am using this styling for fixed width page and "overlay" for the panel @media only screen and (min-width: 600px){ .ui-page { width: 600px !important; margin: 0 auto !important;
Attempting to Use .load But receiving error
Hello all, I am attempting to make a dynamic selection menu system similar to the one that is illustrated at the link here ( https://css-tricks.com/dynamic-dropdowns/ ). I have all of my file paths written correctly, and my syntax is fine. I am trying to do the following. When the first (of three) drop down menu's is changed, take the drop down menu's selected item's value and go to the .txt file corresponding to that value. Inside that .txt file is just plain HTML written code that I wanted to
How can I position a Dialog based on the cursor's position?
When I invoke a div with the "dialog" id like so: $( "#dialog" ).dialog(); ...it displays in the middle of the page. How can I get it to display elsewhere; specifically, with its NW corner at the tip of the cursor (in the case where I invoke the dialog on a right-click event)?
JQuery Plugin: Tablesorter
Hi, I have table and it sorts time. In my case its working totally wrong. Happening: Time ( Hours, Minutes, Seconds ) -> Sorting fastest first 1st run 1.15.20 <<------- It should be last, since it took more time than others 3rd run 30.50 <-------- It should be first, fastest run 2nd run 42.30 4th run 56.25 Im new
$(...).datepicker is not a function
I'm stuck on getting jQuery Datepicker to work as default. My console is giving the following error: $(...).datepicker is not a function Not sure why it is giving this error when I have duplicated what is in the jQuery site Datepicker source code for that demo. Trying to get it working in the "Make an appointment > Preferred Date" form field of the index.html page here: www thesecretveinclinic dot com/index.html
How to Catch when new element added to DOM without DOMNodeInserted Function ?
Hi Guys, I am tring to acces new elements when new element added to DOM... I use that $ ( document ). bind ( 'DOMNodeInserted' , function (e) { " codes... when I use DOMNodeInserted ... every action working as much as how many element appeared so that is not true way to catch new elements.. Could u tell me another way for that please ? Thanks...
Select a button by ID and appending HTML on hover
Hi people, I'm not sure if this was asked before, but I couldn't find it, so I have to ask myself... I want to grab an object (a button) and append a few chars when a user hovers over it. Essentially, I'm trying to emulate the famous Divi button, that is, the way it adds an arrow on hover. For a demo, see this link. I have no clue how they coded the button, but I want to learn it, so if you can help out, I'd be very, very grateful. Anyway, for my current needs, I only need to emulate the arrow part
jQuery Mobile. And then?
Hello, I'm Italian and I speak little English .. Anyway .. I'm just ushering the mobile programming and I started studying jQuery Mobile. Now I doubt arises: how to use Dreamweaver HTML editor and jQuery Mobile as a framework for the graphics (buttons, lists, etc ..), but what language should I use to effectively control the hardware of a smartphone? For example, to activate the camera, gps, etc ..? Thank you Max
jquery UI date picker clone overlapping years how to calculate
With my current code I was able to do the year of experience caluclation how to check overlapping dates. For example if user select from the original div 19/5/2005 - 18/6/2015 once the user click the add more button in the cloned div if user select 19/3/2003 - 18/6/2016. It should say an alert message. /* dates starts here*/ $(document).on('click', ".btn_less1", function (){ var len = $('.cloned-row2').length; if(len>1){ $(this).closest(".btn_less1").parent().parent().parent().remove(); } }); /*dynamic
Jquery Getting variable
Hello, I need to get a var from li when user clicks on it...the list is created in php and i want to send the variable to my other php document using ajax.. i am new to jquery and i do not know how to get the variable.. for example if my php generated list looks like: Indianapolis Los Angeles when user click on Los Angeles the Jquery takes it into a var city. <?php echo '<li class="list-unstyled">'.$city.'</li>';
has columns like bootstrap for a row... for layout a page of objects
jQm old or new version... has columns like bootstrap for a row... for layout a page of objects, widgets, text/photos, grids, tables etc eg in Phone I have a column but In tablet view what if I want to have 3 or 4 or 6 columns in a row...?
Jquery mobile not loading page and i have no idiea why , but if i remove mobile scripts it work but like a simple html page
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>HoraFit</title> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <link rel="stylesheet" href="themes/drandroid.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body > <div
Submit not working when preventdefault() being used
Hi, I have a form with two buttons on it of type "submit". The two buttons look as follows: < input id ="UpdateButton" value ="Update" type ="submit" name ="action:Update" onclick ="return performUpdate(); " class ="btn btn-block btn-primary user-action" /> < input type ="submit" value ="Save" class ="btn btn-block btn-primary user-action" name ="action:Save" id ="SaveButton" /> Note the "name" attributes. When the update button is clicked the code for updating the data is fired in the controller
Need to save varaible to DB
I don't even know enough about jquery to be dangerous. However, I ran across this script to pick background color. I can't seem to figure out which variable i need to save the rgba color. I tried grabbing "rgba" but it doesn't work. Can somebody help me put here? <script> ;(function($){ $.fn.canvasify = function(f){ // faster than dynamically converting a pixel at a time return this.map(function(){ if (this.nodeName=="IMG"){ var canvas=$('<canvas>')
Ajax with php only working in console
It's just email, why so difficult??? I have a really simple form, only the email address as an input. The form action is mail.php. I'm using a plugin script notifyme.js for some nice visuals and an ajax call to handle everything. I fire ajax on form 'submit'. Problem is I can't get ajax to run! My code runs in the console when using xammp on my local machine. I can see the response and the status is 200. But when I refresh and just click the button to submit the form all I can get are my error messages,
How to change the background when you hover over a button
Hi everyone, I am new to jQuery and I try to accomplish the following hover effect as used on http://designfilmfestival.com/2015/ (notice when you hover over a button the background changes) The goal: When you hover over a specific button, the background should change to a new specific background. When you do not hover over a button ('standard') it should also change the background but slowly. There should be a smooth transition between each background change (Fade-in & Fade-out). How? I have created
related elements contents with javascript
Is there is anyway to check out related Javascript or Jquery code to any html elements, as we can see related css applied elements with Inspect Elements (Ctrl+Shift+I)
Pause Video While clicking Next and Prev button -Flexslider
I have used flex slider for implementing image and video slider .The video may be either YouTube or custom videos. Its working fine.I need to pause the video while a user press the Next or Previous button. Any help will be appreciated. Thank you
Blank screen on clicking back button of mobile
Hi, I have 3 pages in my mobile application. From Page1 navigation to Page2 is done using <a href="Page2" data-ajax="false">. This works fine. But mobile back is used sometimes page is not loaded and blank screen is displayed.On refreshing the page everything loads fine. Please help..
Search a jQuery plugin for browser compatibility
Hello; There is many browsers and each render css and javascript differently so the resulting view will differ on most times from a browser to an other. Currently i am testing my webpage on Firefox browser and it looks nice but i want a plugin that will make the webpage looks the same on other browsers including android browser. So what do you suggest as plugin that provide the maximum possible compatibility without the need to test each browser because this task is difficult. Thank you
Please verify my translation from JS to jQ.....
Please verify that this is the exact translation before I make 100 changes.... Old: document.getElementById("Combobox1").value=="2.5" jQ: $("#Combobox1").val=="2.5" Thanks! ---Frank
How can I make this personalized accordion load closed?
This is the current code that I have for my accordion script: $(function(){ $('#q-and-a li a').each(function(){ $(this).click(function(){ $(this).siblings('div').slideToggle(300); }); }); }}; I was wondering how this could make the page load on opening. I know that you need { active: false, collapsible: true }, but the problem is I dont know where in the script it would go. Any help would be appreciated, thank you so much!
Client Validation - Similiar as Gmail and Yahoo
I have seen som different webpage that has a user-friendly validation approach in front end. For instance when you want to register a new account in gmail or yahoo and if you have a input box and then you forgot to add last name, a message when display below the input box. This approach happens only in client mode and you don't need to affect the backend. I'm fully aware that you need to have validation, both front and backend due to security. My question is: Do you know where I can retrieve the
Jquery enable/disable button not working inside form
Hi guys, I'm new to jquery and currently having a problem with it. I have created a html form with a table in it. In this table there are 2 rows with 1 td each. In both tds I have a button. btn 2 is disabled and when I click btn 1, btn 2 has to become enabled. I have written this code for it: [code] <script> $(function() { $('#btn2').attr("disabled", true); $('#btn1').on('click', function() {
Uncaught TypeError: $(...).myfunction is not a function
When looking in the Chrome Developer Tools I get the error: "Uncaught TypeError: $(...).myfunction is not a function". So what's wrong with the function? It will take some data from localStorage, but it needs to be there in the first place, and is added with the save button. The first time I run the page there might not be anything saved in localStorage. Do I then first need to run a check to see if anything is there? Or will it work anyway? Also, does the function need to be assigned to some element
hashListeningEnabled - what exactly does it do?
Please can somebody explain in more detail what $.mobile.hashListeningEnabled does when enabled/disabled in jQuery Mobile? I have tried debugging the source, but there are some bits of code I do not fully understand. And the documentation is a bit abstract (API): jQuery Mobile will automatically listen and handle changes to the location.hash. Disabling this will prevent jQuery Mobile from handling hash changes, which allows you to handle them yourself or use simple deep-links within a document that
Stop all active ajax request
Help. how to stop all active ajax request? i have trouble in my website. How to manage ajax request?
Add row to a table and reset the default value of the controls in the row
Hi, I have a table (tableSearch) with dropdowns and text box. User is allow to add row on the fly. Currently, I use appendTo (as seen below) to add row to the table and I would like to know if $('#tableSearch tr').last() is the right way to get the newly added row. What happen right now, is the newly added row’s controls will use existing values. I wanted to clear/reset them. However, when I tried $('#tableSearch tr').last().find('.ddlType').val = "0"; for example, it doesn’t select the first
Uncaught SecurityError: Failed to execute 'replaceState' on 'History':
I tried to re-build my APK for android using android studio. when installed on cell phone...it stuck on blank page with loading icon in middle (jquery loading icon). when i try to open the html directly in chrome... it also stays on blank page with loading icon and shows me following error in console Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///C:/webappe/Portal/index.html' cannot be created in a document with origin 'null'. when
Superfish (v1.7.5) menu stays open on iPhone 6 only - and only when you return to the page you opened it on
Just downloaded latest version today, all default options, no tweaks except one: I have changed the href to "javascript:;" for the link the opens the submenu. Page is here: http://www.j-c-associates.co.uk/blog/ Test steps are as follows... 1) tap 'not a link - reveals' to open submenu 2) click link to go to http://www.j-c-associates.co.uk/blog/tag-2 Menu is now closed on all devices. However... 3) click 'back to blog home page' to return to initial page On iPhone 6 (I am advised) the submenu is still
Can't get the most basic function to work properly.....
It seems so straight forward... I added an anchor mid page. The menu link that points to it is correct. When the link is clicked, the page can be seen loading at the anchor point but then it jumps to the top of the page when the load completes. What am I missing? Is this a jQM issue? http://m.publicmissiles.com/airframes.aspx#Couplers ---Frank
Specific Menu that is always visible
'm looking for a jquery script code that when you scroll down on your webpage, the left menu should be moved and alwasy be visible? Do you have any link or name of this concept?
Add the img if exit then remove the image and again add the imag
I am new in Jquery and try to add the img if exit then remove the image and again add the image. Help me how to do it My html : <section class="text-center"> <span id="ohdaran-img-replace"><img src="assets/img/ohdadaran/nazim-ala.jpg" id="ohdaran-img-replace" width="1000" height="682" class="animated fadeInLeft animation-delay-5" "=""> <hr class="color dotted"><img src="assets/img/ohdadaran/sadoor-naib.jpg" id="ohdaran-img-replace" width="1000" height="848" class="animated fadeInLeft
apply active css class to current url
In my web base project with php, I want to apply css class (.active) to current url path, when user click on navigation menu bar, i.e my navigation menu <li><a href="http://localhost:8000/OhdyDaran')">Designation</a></li> <li><a href="http://localhost:8000/gallery">Gallery</a></li> <li><a href="http://localhost:8000/Introduction">introduction</a></li> <li><a href="http://localhost:8000/home">Home</a></li> How to apply .active css class with Jquery or JS, after page is refresh, the link is css applied
Select text not wrapped in html tag
Hi everyone!! , i just want to ask how to select text that is not wrapped in html tag, i have a mark-up that looks like this: <div> <p>A sample text</p> Remove this one </div>lets say i want to remove the 'Remove this one' text, how is this possible?, help is very much appreciated!! , Thank you and God Bless!!
Next Page