Jquery ->Magnify image not working
Dear Sir http://thdoan.github.io/magnify/demo.html is actual programfor magnifying an imag -> which is working where as http://webvikas.net.in/medievalheritage/mgnify.php is my version to display magnifying an image this is my version and is not working although I had cut and pasted the code
Multi Step Change Image (+ URL) with jQuery
First.. sorry for my english, is not my motherlanguage. Now, i write for show you my problem and i hope someone can help me. I have three HTML pages: On the first page, there are different links. On the second page there are four images with different URLs. On the last page there are files to download. I want: When the user click the link in the first page, the second page should appear. He sees only the image 1 on the first time. Then after he clicks the image 1 = The image 2 should appear and
lightbox to show images from specific folder
Hi, I have a lightbox which currently if I click on image 1 it shows an image in a subfolder (same image as the thumbnail but high res). I would like to add other images of the item in the subfolder and when the user clicks the next button it cycles through the images in this subfolder. I have set up rel="gallery[gallery1]" on the first image, rel="gallery[gallery2]" on the second which has segregated the images from cycling through all the thumbnails on screen but it now only shows the 1 image,
Async Multiple AJAX requests without affecting the responses to the UI
Im trying to make a system where user selects the condition and clicks on generate report( these reports takes more then 10 minutes). Once the request is fired, and immediately another request is made, the UI freezes till the first request is fullfilled, how to over come the same in terms of the process of making the request does not freeze the UI. note: - Making ASYNC=true calls via AJAX
jQuery Download Error Message PLEASE HELP :(
Hi there! I can't seem to download jQuery, and continue to get this error message. Line: 930 Char: 2 Error: 'document' is null or not an object Code: 800A138F Source: Microsoft JScript runtime error I am using windows 9, downloading "uncompressed, development jQuery 1.11.3" using google chrome, and every time I download (right-click > save > open) or (left-click > download > open) and attempt to open the file, I receive the aforementioned message. Can someone please help me troubleshoot this, as
Getting the Id of a form to reference in shared code
Hi, I have one js file that is used by two different forms. The forms each have different ids. I've tried the following: var formId; ... $('#SaveButton').on('click', function () { formId = $(this).closest("form").attr("id"); }); $(formId).submit(function (e) { var f = $("formId"); var action = f.attr("action"); action = action.replace("Update", "Edit"); var serializeForm = f.serialize(); serializeForm = serializeForm.concat(actionStr);
circles not showing up on mobile
I know that this is probably not a jquery question but I'm not sure what other forum to ask regarding this. In my site I have a section that has a couple of circles and when I test it on my mobile only one circle shows and the others disappears. If I use chrome or firefox on my mobile it works correctly, but if I use my phone's browser then it doesn't. I'm not sure how to go about fixing this issue. Here is a link if you guys want to test it out. http://clients.webkrunch.co.za/webkrunch_demo/index.html
Using Plug-ins in External content to be loaded with AJAX
I have been trying to learn how to “bind” whatever jQuery is in the external files to the recipient document. When I use .LOAD to bring in external content that has HTML & CSS Markup in it, those HTML and CSS markups get seen by the browser The fact that the browser finds the HTML & CSS markup and renders them appropriately suggests to me that they are in the DOM. If they are in the DOM, why can’t jQuery find them without any other code support? I have played around with .on to no good result and
Looking for an image map?
Okay, here's what I need. I am creating a website for our annual Fall Festival. I would like vendors to be able to register online and be able to pick a numbered spot on the map. When they pick their number i want that spot to be X'd out, or grayed out so it won't be chosen. Is this possible to do with jQuery? Is there something already out there that I can use, or can try to modify? Thanks in advance!
Making sure AJAX loads & visitor wont need to refresh
I am using .load to bring in two chunks of content as a page is loading. Most of the time this works well. This is a site that is not public yet. It is in development. Some of the time the AJAX content does not load and the visitor sees a crippled page and would have to do a browser refresh. A browser refresh action does cure the problem. What can I do to make sure the AJAX content loads when the page loads so that the visitor does not see a crippled page and need to use REFRESH? Here is the code
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
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>';
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
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
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 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
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
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
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
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); })
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)
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
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
Changing Hidden Field Values in JQuery Not Getting Changed :(
I'm missing something, I'm afraid it's probably something very basic... I have a hidden field in my html: <asp:HiddenField ID="exportMedia" Value="html" runat="server" />I have two buttons that call a javascript and pass in which button was clicked: Print Button: <div class="btn-group hidden-xs col-md-1 col-md-offset-0"> <button id="prt" class="btn btn-danger btn-sm" type="button" onclick="isMultiPageExport('print');"> <span class="glyphicon glyphicon-print"
jquery,each and ajax return Undefine
Hi. I am building a project with a arduino Due that is to be a multiroom thermostat. To control it, I want to use a web page with the Ethernet shield. to extract data from arduino to web page, I want to use JSON and Jquery. Note that I am a real newbe on both c+, HTML or jQuery. So I follow step by step this video tutorial and tried adapt it to my needs : jQuery json video turorial It spit in 2 file the index.htm and main.js. all the step by step was going good until it can to extrac data from the
Using Head First and I'm confused...
Furry Friend Campaigns Ok so I bought head first a couple of weeks ago and just got around to using it. and I think i typed something wrong because the code doesn't work. Here is the code to the Index.html <html> <head> <title>Furry Friend Campaigns</title> <link rel="stylesheet" type="text/css" href="styles/my_style.css"> </head> <body> <div id="#clickMe">Show me the furry friend of the day</div> <div id="#picframe"><img src="images/furry_friend.jpg"></div> <script src="scripts/jquery-1.11.3.min.js"></script>
How do I force a "click"?
How do I force a "click" on a particular radio button? Here's what I have........ if (document.getElementById("Combobox1").value=="1.1" || document.getElementById("Combobox1").value=="1.5") { $("#Mat1").show(); $("#Mat2").hide(); $("#Mat3").hide(); $("#Mat1-0").Event("click"); } Please help, ---Frank
How to get an accordian to open up one at a time
I've got an accordion that I'm trying to create so far I've only got 1 accordion open and the rest closed but when I click on another title then the other 3 open up. $('.panel-title a').click(function(){ $('.panel-collapse').each(function(){ $( this ).toggleClass( "in" ); }); }); this is my html <div class="panel-heading"> <h4 class="panel-title"> Lorem ipsum </h4> <div class="panel-collapse collapse in "> Lorem ipsum dolor sit amet, consectetur
Creating a "Plugin System" for my application
Im creating an app that users can create plugins for in both PHP and jQuery. I had 2 questions about the jQuery plugin setup. Im using an observable design pattern I found online, somewhere on the jQuery site actually. Heres the code thus far: The Observer: /** * @see https://api.jquery.com/jQuery.Callbacks/ * @see http://addyosmani.com/resources/essentialjsdesignpatterns/book/#highlighter_506612 */ ;(function($) { var topics = []; function getTopic(id) { var callbacks; topic
Error when using $.ajax() and Create an XMLHttpRequest object in the same page
Hi all, I fetch information from database using ajax , one time using $.ajax() and the other by create XMLHttpRequest object in the same page , my code looks like this : HTML code : <button class='orderBtn' >order</button> <!--here some html code-- > <ul id='item-nav'> <li ><a cate_id='1'>item_1 </a></li> <li ><a cate_id='2'>item_2 </a></li> </ul> <div id="items_container"></div> _javascript code : $(document).ready(function() { //here some code $("ul#item-nav li").click(function() {
How to get page to scroll to a section when a button is clicked
I'm trying to get my page to scroll to a specific point on my page if there is errors after submitting a form. My page scrolls down but then jumps up to a different section. My code only works for chrome. I got this code in my jquery if (location.hash !=="") { $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000); } but then I get this error in my firebug Error: Syntax error, unrecognized expression: ##contact ....value:null},fb.error=function(a){throw
Need the individual URLs
Hi guys, I am almost code-illiterate, but I need to do something for my university project (part of it, at least). One of my friends said that this particular code is ajax/jquery. So, I am here to ask for your help!!!! There is a website "www.geziko.com" which is a online flight booking site. For my project, I need to get the URLs of individual flights. I mean, after entering search parameters to required fields (origin, destination, departture date, etc.), there comes the list of available flights.
TypeError: $(...).offset(...) is undefined
In my firebug console I'm getting this error. TypeError: $(...).offset(...) is undefined This is the code if (typeof window.location.hash !== 'undefined') { $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000); } and this is the line it's talking about $("html, body").animate({ scrollTop: $('#' + window.location.hash).offset().top }, 1000); and the arrow is pointing to the $. This is the positions that i have for my jquery. On top of my page I have
how can i trigger javascript event if i write something in textbox
I have two text fields , i want to save the values to database directly when someone write in the text fields without pressing submit button, Is it possible? Actually i want to know if there is any function through which i get the value from text fields directly after someone type there.
How to make a simple tictoc game using jquery??
Hello Sir, I want to make a program for tictoc game using jquery but in simple format. I have code in Java Script for tictoc game but I need in jquery Java Screept Code [ <html> <head> <script type="text/javascript"> var p=0; var tmp = "0"; function f(x){ if(x.innerHTML=="") { if (p%2==0) { x.innerHTML="o"; } else { x.innerHTML="x"; } p=p+1; q('d1','d2','d3'); q('d4','d5','d6'); q('d7','d8','d9'); q('d1','d4','d7'); q('d2','d5','d8'); q('d3','d6','d9'); q('d1','d5','d9'); q('d3','d5','d7'); w();
Question about example
What does line 34 in "Post a form using ajax and put results in a div" on the page http://api.jquery.com/jquery.post/ supposed to do? What corrections need to be made to this line? Does anyone test these examples?
How to change name of button using mouseoover function in jquery??
Hello Sir, I want to change my button name using mouseover function. I have two buttons.whenever pointer comes to any button its name change to yes and another button name to no. Here is code i m trying [ <html> <head> <script type="text/javascript" src="jquery.js"></script> </head> <body> Are you Mad? <input type="button" class="c1" value="Yes" id="b1"> <input type="button" class="c1" value="No" id="b2"> <script > $(".c1").mouseover( function bun1() { $(this).val=text.("Yes"); }); $(".c1").click(
Don't laugh. :(
It will soon be pretty obvious how new I am at this... Here all I'm trying to do is get the "value" of an editbox, then increment it up by one. What is wrong? <script language="Javascript"> //change doXxxxx() to doAnythingElse() then change element events to same function doPlus() { var value = $("#Qty1").attr("value"); $("#Qty1").attr("value") = value++; } </script>
Next Page