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
Jquery Sortable breaks firefox's css active feature (also focus?)
Bug appear in Firefox browser. Not in Chrome nor IE. (Didn't test other browsers). Once you use some jquery sortable functions: $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); on html elements like (i.e. td or li) The css active (also focus?) will stop having an effect from now on (as if it's not there). So if you have a sortable li (like in site example) and a css command: li:active{ background-color: green; cursor: n-resize; } and u use $( "li" ).sortable(); The css above
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!!
Need help with radio button checking/unchecking via jQM/JS
Let me start off by saying that I am not a developer, I'm a guy trying to finish my website after my code guy went MIA. I'm just starting to learn JS and jQuery so please don't laugh at my codes. :) So... Here I need to show or hide button sets based on a combobox selection. No problem there. However, I need the buttons to check or uncheck at the time of show and hide. I wrote the snippet below but it's just not working as expected. Do I need to add "refresh" or something? If so, how? Here is the
Refreshing a page without opending an index.php on the server POSSIBLE????
[Condition] 1. Upload this index file to the host server. 2. Nobody will force the index.php to open and the index.php will never open or be loaded. [Question] Under the above condition, is the header going to work? Namely, the message will be sent. ======================================= <!Doctype> <html> <head> </head> <script> //Ajax Code will be here. // codes necessary to send message... </script> <body> <?php header("Refresh:3600"); echo date('Y:m:d H:i:s"); $message = 'Hi'; function sendMessage($message){
Jquery a href target blank
Hello, first of all i wanna tell, that im beginer and this code is not my work and i need ur help :) hodnota means number of points <script> $(document).ready(function(){ $(".odeslat").click(function() { hodnota = 0; hodnota += parseInt( $(".entry-content").find("[name='radio-1']:checked").attr("hodnota")); hodnota += parseInt( $(".entry-content").find("[name='radio-2']:checked").attr("hodnota")); hodnota += parseInt( $(".entry-content").find("[name='radio-3']:checked").attr("hodnota")); hodnota
page scripts not being loaded by JQuery
We updated from JQuery 1.5.1 to 2.1.4 and now our 3rd page (when selecting a row) throws a js error saying its missing a function when building the grid. The problem is its not being added to the page because it thinks its already there. We traced in JQuery-2.1.4.js into the function domManip . Then the call to data_priv.access(node, "globalEval") returns true where if it instead returned false this would work, as I've commented it out and tested that. It appears to be checking if the node/scripts
jquery not working when hosted
In developing a corporate website I have ran into a difficulty that has me puzzled, something I have not experienced before. I am trying to implement the dcodes dream-accordion slider and have had no success when it is hosted. It runs correctly locally. I have changed the file paths from /dcodes/xx/xx/xx.css and /dcodes/xx/xx/xx.js to the full domain path http://companysite.com/dcodes/xx/xx and it will still run locally but not from the server. Looking at this in Firebug I see that the <div class="sliderContainer".in
Sortable: Helper jumps to the left side of the page when start dragging second time
As http://bugs.jqueryui.com doesn't allow me add tickets I copy it here. When you reorder some element for the first time it is ok. When you start dragging the same element again helper jumps to the left side of the page. It is only reproducible in Firefox when sortable elements have 'position:related' CSS rule and sortable option {axis: "y"} is set. Here is the example: [https://jsbin.com/zarucukela] I've used the workaround like this: var element = $(URLS_CONTAINER); $(URLS_CONTAINER).sortable({
I want to fetch Iframe contents , But Permission denied error occrued
I want to fetch Iframe contents My iframe is : <iframe frameborder="0" scrolling="no" width="130" height="198" src="https://tpc.googlesyndication.com/simgad/17285675160002261485" name="imgbox" class="iView"> <p>iframes not supported by your browser.</p> </iframe> My Jquery is : $(document).ready(function(){ var src = $('.iView').contents().find(".shrinkToFit").attr('src'); console.log(src); })
jQuery $.each() Method
How to Loop over objects in reverse Direction , I was following a Demo Here
I cant get my Jquery stock ticker to duplicate
I don't know why I've had a few issues explaining this problem so I have created this image to show what I am trying to do. I have a jquery stock ticker, I cannot duplicate the ticker on the same page. My idea was to create a similar ticker on the same page but with a different list of stocks below the original ticker. It might be as simple as changing a few variables but for whatever reason i cannot get it to work. Attached is a JSfiddle of the ticker I am trying to duplicate, all the work is done
Is there any jquery plugin to build kanban board like in jira ?
Please let me know is there any plugin or tool to build a Kanban Board like in jira. your help would be appreciated. Thanks in advance.
datepicker UI wrong popup position when resize the screen (on android chrome only)
Hi I am new to Jquery and I am trying to implement the datepicker UI. All is fine except one annoying issue I have on android OS Chrome browser (current version). When input field is positioned relative or absolute, datepicker pop up in another position usally more bottom especially if I resize the screen. On firefox Android OS, Chrome Windows OS the popup position is fine. With no positioning at all (no margins,paddings,top,left etc) this issue doesn't exist (all Browsers). Is this a bug or am
how to concatenate "#id" variable to url in load()
I have different 2 li elements each with data-load = "#content01" and data-load="#content02". When I hover li[0], i want to load the particular "#content01" from my source url... $('.navContx li').on('mouseenter'function(){ var loadDataID= $(this).data('load'); var pageUrl= "http://localhost/source.html"; $('.loadHere').load(loadThis + loadDataID,
Submitting ajax form not working
I'm trying to create a form that uses ajax. When I try to submit the form with no text then it alerts "no", which is right, but when I add a text and submit I still get an alert saying "no" instead of "yes". $("#contact_form").submit(function(e){ e.preventDefault(); var name = $("#name").val(); $form = $(this); $action = $form.attr('action'); var dataString = 'name='+name; $.ajax({ type: 'POST', url: $action+"/contact_request", data: dataString, dataType: 'json', encode : true }) .done(function(data)
Having issue on Loading/Removing Checkbox to Array
Can you please take a look at this demo and let me know why I am not able to load the array properly $(':checkbox[name=items]').on('change', function() { var arr = $(':checkbox[name=items]:checked').map(function() { return this.id; }) .get(); $("#p-tap").on("click", function(){ console.log(arr); }); <div class="container"> <input type="checkbox" name="items" value="Item_1" /> Lower Development Cost <br /> <input type="checkbox" name="items" value="Item_2" /> Higher Energy Production<br /> <input
Hi sir newbie in Jquery i would like to ask how to make this swf to jquery hope you to help me
Hi sir newbie in Jquery i would like to ask how to make this swf to jquery hope you to help me
jquery date picker in clone year and month not working and default date was not showing
Currently working on clone and datepicker using jquery. With my current code cloning was happening perfectly. In the clone div the datepicker was working but it was not working like original. When the user click add more button it was cloning entire div perfectly with the dates but if i select the date textfield from the cloned div year and month dropdown not displaying. When the user click add more button in the original Degree date it was showing the current date but in the clone it was not showing.
Accessing jQuery function from inside formview edititemtemplate textbox
I have very little experience with jquery so for someone reading this question this might appear to have a very obvious solution. But for me, I can't seem to figure it out. I have a webform (code behind VB) with tabcontainer in it, which in turn has a tabpanel in it, which has my formview on it. I have defined a jQuery generic function. I want to access this function from my formview edititemtemplate textbox, on keydown, something like $("input[type=text]").keydown(function () {....} Somehow this
Who do I get jquery to show the new value of a variable
Jquery noob here. I have a table in which each row has a View button. I store the variable that holds the record's id in a data-whatever tag <button><a id="buttone" type="submit" class="btn btn-small" data-whatever="<?php echo $eventID ;?>">View</a></button>I have a div that i want to load details of the selected record for, beneath the table. When I click the button I pass the id to a php page that displays in the div on the same page. The problem is jquery is only storing the variabe for the first
Next Page