Why prototype.js stops all jquery to work?
Hi. I dont know why all jquery stops working when i add ‘prototype.js’ in header of my Magento store. This is the website. http://www.clients.fizmedia.com/indiafashion/ ‘prototype.js’ called in line 24. I have checked when i remove ‘prototype.js’ from header then all jquery working good but ‘Continue button on one page checkout stops working. Please let me know what is the problem because ‘prototype.js’ is really need for one page checkout processing. Hope i will get best answers. Thanks.
Div Tabs extra button help
I am trying to add a button outside of a tab area that will switch the tabs to the new tab by clicking an out side button. Current code is below. I want to click on part of a diagram and the tabs will switch to that tab. Is this possible to do? Is there a tutorial out there to help me... <head> <meta charset="utf-8" /> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="css/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
JQuery Ajax Submit Twice?
Could someone point me in the right direction? When I try to submit my jquery form the 2nd time it sends the data twice in one go. This is the same for 3rd (3x) and fourth+ (4x) and wonder whether the data/cache needs to be cleared each time I submit? Any guidance would be extremely grateful. // Ajax Call (Uses JQuery Boxy Form) // $(document).ready(function() { $('#createlecture').click(function() { var dialogbox = new Boxy('#dialog',{ title: 'Create a new lecture', modal: true, cache: false, behaviours:
Is it possible to make a comment page with jQuery?
As the title says really! I'm making a website for a client, but they'd like a page where you can post comments which would actually appear on the page. Is this possible? Thanks in advance, Becky
safari and chrome handle newly added element in a strange way
Hi, everyone, NiHao! I got a problem, please help. I have a template like this: <div id="dad"> <div id="son" style="width: 100%"> some code </div> </div> then I have an action of expand the dad-div by jquery animation $('#dad').animation({'width': 800px}, 500); on this moment, the son and the dad both 800px width, which is fine for me . but strange things happened on safari and chrome when i use ajax fetch a new son element from server and replace the old one: $.get(url, extraData, function(response)
Wait till user finish typing
Hi, Am trying to get some data from DB , here am checking whether username is registered or not , if he register am getting some data related to that user and displaying on window . I want function to wait for untill user finish typing his username , then run the function , Below is my code , $(function (){ var minlength = 2; $("#username").keyup(function () { var that = this, value = $(this).val(); if (value.length >=
Scriptmanager Does not work on partial postback Only on FirFox
I am facing very strange problem. I have tried many thing but could not get it solved. Here is the scenario. I have a GridView with 40 records. I am registering a script in OnRowDataBound Event of GridView. I registered using ScriptManager.RegisterStartupScript. GridView is inside an UpdatePanel and UpdatePanel is refreshed after one minute. When first time Page is loaded , My script works fine. But after Partial PostBack it stops working on FirFox. It is working on Chrome, IE, Safari and Opera.
Onselect insert value of div to textarea using Jquery
<html> <select id="select1" class="selected"> <option value="box1">clicked box 1</option> <option value="box2">clicked box 2</option> <option value="box3">clicked box 3</option> </select> <select id="fs" class="selected"> <option value="Trebuchet MS" selected="selected">Trebuchet MS</option> <option value="Times New Roman">Times New Roman</option> <option value="Arial">Arial</option> <option value="Verdana ">Verdana </option> <option value="Impact">Impact </option> <option value="Comic Sans MS">Comic
JQUERY selector not working in IE7
JQUERY selector not working in IE7 but worrking in IE8 and all other browsers.. Example::: $(th).find("div[ID='CONTAINER_TYPE'][CLASS$='enableBtn']").attr('TYPE');
Why JQuery doesn't trigger added eventlistener?
I have recognized, that eventhandler added with addEventListener where not influenced by$.trigger. The special reason for that question is, that I have several self created html elements which implements some logic without using external libraries (only pure js). Now in my main project I want to use these controls and further there I have external libaries like jQuery. Now for example I want to trigger the change event (remember...events are added with element.addEventListener("event", function))
Sliding image by passing parameters through jQuery
body> class="goaslider hideonload"> <img class="goaslider_bgimage" id="6" src="01.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" id="7" src="02.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" src="03.jpg" id="1" width="1350" height="900"> <div
Making some text fields required.
I am working on a new feedback form for my site. I have the basics working fine, the form can be submitted and the data is handled just the way its supposed to. I'm looking to make it so a name and the feedback is required but the email is not. I would also like to add a human check to this. I'm moving over from php and had a remove the text as my human check. Last question, is this the best way to be doing this? <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javascript'>
jquery mobile page templates?
I have a multi-page jquery mobile site m.whitewatertours.com where the top nav. bar and footer code are on each and every page (about 40+ pages). I need to create a template for these items so I can make changes without having to change every single page, but am not finding that a possibility... has anyone done this and if so could you share? Thanks for any input! Jenny
ASP.Net 4.5 - Checkbox and hidden div...seems like it should be easy. :\
I'm definitely a novice but this seems like a no-brainer, to me. I'm using ASP.NET 4.5 in VS 2012, using jQuery 1.7.1 and UI 1.8.20 (what VS comes with.) I've got a single checkbox and hidden div. When the box is checked, I'd like it to BE checked, and slide the div open...and vice-versa. The sliding div works great...no problems there. However, the checkbox is not obeying and will not check or un-check. It sticks in its original state, or automatically checks and unchecks itself faster than
Jquery Komodo
Hello, This, I know is the wrong forum. But I couldnt find any help anywhere. Im ...trying... to use Komodo as my editor. But I cant get it to accept the jquery autosuggest/autocomplete library How do I get it to suggest jquery. Ive gone into edit/preferences/javascript libraries and put a jquery download into there. But, alas, no autocomplete. How do I do this? Can anybody help, Im tired of using wordpad.
Newbie needs help with slideshow
Hello out there, I've used jQuery for a slideshow and it works fine. To be honest, I copied just a slideshow from a tutorial and only used my pictures for the slideshow. But I want more I have up to 10 jpg pictures and 10 transparent png files containig text. The slideshow should work like this: fade in a jpg, wait about 2-3 secs, fade in the corresponding png-file, wait about 3 secs, fade all out and fade in next jpg, wait about 2-3 secs, fade in the corresponding png-file, wait about 3 secs, fade
Cannot able to remove tab from remove button ? Please help
<script type="text/javascript" src="js/jquery.tools.min.js"></script> <script type="text/javascript" src="js/jquery-ui-personalized.js"></script> <script type="text/javascript"> //<![CDATA[ var dyna_tabs = { tabs: null, init: function (id) { var tabs = $('<div></div>').append('<div id="'+ id + '"></div>'); $('body').append(tabs); var list = $('<ul></ul').append('<li><a href="#"></a></li>'); tabs.append(list); tabs.tabs(); // remove the
Inputs, keypress, change, blur and auto-format
Hi there! Well, what I'm trying to: auto-format an input type as user writes down Suppose a form input, type text, which will cotain numbers, and I want to format them with the correct number format; i.e.: (EU format) "2222,222" --> "2.222,222" // (US format) "2222.222" --> "2,222.222" Ok. So I'm developing my own jQuery plugin "numberFormat" which registers for any object the listeners for keypress, change and blur events. Right now, I can format the number as the user is writting down or changes
jQuery.ready() no longer displays piecemeal?
Greetings, We recently upgraded jQuery all the way from 1.3.2 to 1.8.3 and have noticed an irritating change in page loading behavior. With the new 1.8.3 on a slow processor a new page load will blank the screen for 2 to 3 seconds before suddenly displaying the entire well formed page. With the older 1.3.2 it would display piecemeal while it was building the screen. For example, it would show a div folder containing widgets, then add a menu to the display, and finally add some tabs to the display.
Toggle multiple elements.
Guys; I have multiple DIV's that I'm I'd like to toggle with both classes as specified in the function below but it switches just between 2 of the DIV's only and never get to the others. Any ideas of what the problem could be. <script> $.fn.slideFadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback); }; $(document).ready(function(){ $("div.faces:not(:first)").hide(); $(".lefter,.righter").click(function(){
Multiple Dropdown - Selecting Value
Hi, I am very new to jquery.I am trying to implement below logic for multiple dropdown. 1) If user has selected multiple values and then "NoValue" option is selected, deselect all the options except for "NoValue" option. 2) If "NoValue" is first option selected and then user selects other option , deselect the "NoValue" option alone. Basically user must not be allowed to select the "NoValue" option and other options at the same time. <select id="multiple" multiple="multiple"> <option value="NoValue">NoValue</option>
upload file in jquery and php
Hi I hava one dialog box with input file in it . if(act=='exchangePic') { $("#dialog").attr('title','Change picture ').dialog({buttons:{'ok':{class:'btn',text:'Ok',click:function(){ $('#imgHolder_'+picture_id).css({'background-color':''}); $(this).dialog('close'); }}}, show:'fade',hide:'explode',width:'380px',modal:true,closeText:' X '}).html("<form><input type='file' id='newUpload' name='newUpload' class='upfile'/></form>"); }//end of act=='exchangePic' I want when click Ok button in dialog box
Datepicker change format
Hi, I am using datepicker and its working great the only issue I have is that the date format is displaying as 'mm/dd/yyyy' and I would like it to display as 'dd/mm/yyyy'. Please can someone point me in the right direction of where to change this and whether or not I need to add/change the code in my page? Thanks, J
changing div content does not work in internet exlporer help.
i am having a problem with internet explore with conent not changing in a div. it works in firefox, safarie, and chrome. i am using ie9. what i am trying to do is. i have a side bar with links to videos, i then have a main viewing area for the video. a person clicks one of the links and the video changes. here is a link to show what i am doing www.michaelkazlauskas.com/arcticninja here is the code i am using: <script type="text/javascript"> function swapContent(cv) { var url = "random.php";
How to add arrows to s3Slider jQuery silder???
I'm using the s3Slider on this website. > http://www.janneyindustrialpainting.com/ and the client would now like next and previous buttons added to this. I've googled the question over and over and can not find a clear direction as I am a novice with jQuery. Any help is greatly appreciated.
using jqery combo plugin with dropdown created with ajax
I am using jquery combo plugin which lets me type in dropdown box to filter the list. to enable the plugin I need $(document).ready(function(){ $("select.jquery-combo").sCombo(); });initially when my page loads there is no combo box, onclick of a link I add the combo box to the page using ajax the above function works when the combo is present in the page it does not work if I add the combo box with partial update to page , please advice how I can make this work when added through
Finding table rows not containing a specified object
Hi. I have some code that iterates through <tr> elements containing text input controls in the <td> elements therein. Iterating through the elements, if there are no text inputs that are enabled, then we're hiding that <tr>. Here's what the code roughly looks like, and it works fine: $("tr").has('input:disabled,select:disabled,textarea:disabled').each(function(i) { $(this).find('input[type=text],textarea,select').each(function(j, ele) { if (ele.disabled != true) {
Jquery Update Issue
Hello I have a few tables in my database that I use for dropdown boxes in the application. I have a created a page where the admin can selectd a list of these tables from a list When the user selects a table, the id and item fields from the respective table are displayed in row format with an "update" button to the right of each row. I have added in the appropriate jquery files (see attached) and when I click the update button the success message box appears, but doesn't actually update the selected
Jquey 1.8.3 Changes in function Load
In Jquery 1.7 the default type of ajax-queries, in the function load, was GET. In jquery 1.8 the default type has been changed to POST. When using $.load(..) from IIS / development server in VS 2010 the call returns error message: 405 Method is not allowed. What is the easiest way to solve this problem?
I need a Promise?
I am looping over an array and calling different urls based on the array value. I extract certain results and later need to sort them before I present them on the page. I think I need a Promise. How do I implement it in this case? $.each(...{//looping over array $.get(...{//calling different urls based on array value $.each(...{ extracted_data = ...//extract certain results }) }) }) //This needs to happen after ALL the $.get calls are completed extracted_data.sort() present()
Need a menu based on an image map
I've looked all over for this and can't find anything that does what I need. I'm designing a web page with a central image made up of several parts. What I'd like is to be able to click on a spot on that image and have a dropdown menu appear associated with that spot. For example, imagine a map of the world. You can click on any country and a dropdown menu will appear with items like "About India, Economy, History... etc." Does something like this exist? I don't program in Jquery, so I'd have
JQUERY & $_SESSION
Hi I'm stuck with the following problem, I am using the $.ajax to make a post request using the url: page.php. The page.php contains a function that sets the $_SESSION['res'] valiable. The problem is that the function in the page.php is executed and sets the $_SESSION['res'] successfully, but when the ajax request completes the $_SESSION['res'] does not exists. I have examine the session id before, during and after the ajax request and is the same. What is the problem? Is there any solution or a
Wrap 2 elements in the same new div
Hye, I want to wrap 2 elements in the same new div. So i try to use wrap(). I try : jQuery(document).ready(function($){ $('.user, .category').wrap('<div class="status" />'); }); But i have 2 new div status appears.. I want finally <div class=status"> <div class="user"></div> <div class="category"></div> </div>
Move div for each row
Hye, I want to move date div before text, but every date's div gone before each text when i do : <div class="row"> <div class="image"></div> <div class="text"></div> <div class="date"></div> </div> <div class="row"> <div class="image"></div> <div class="text"></div> <div class="date"></div> </div>And : jQuery(document).ready(function($){ $('.date').before($('.texte')); }); I khow that each() funtion can make something but all my try still noway ! Someone could help me for this ? Thanks
Need help in creating dropdown effect in HTML TextBox
I want to show the list of connected users as dropdown list in inside the TextBox whenever the user presses "@" and then "TAB". Which jQuery function should I use to get this effect? The dropdown should be a part of TextBox (should not fit the TextBox).
create a dynamic columns in jquery data table
How to create a dynamic columns along with data in jquery data table.Pls help.
calling and incrementing class id tags in jQuery
<body> class="goaslider hideonload"> <img class="goaslider_bgimage" id="6" src="01.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" id="7" src="02.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" src="03.jpg" id="1" width="1350" height="900"> <div
jquery menu doesnt stay in the top?? someone help me please.....
i have this website im building you can get the home.html and files here (small 2mb) https://docs.google.com/folder/d/0B-C0T_-acxRqZ0ZHTzgwaXkwMlk/edit (public file) you see the logo well i want it to be to the left and i want the menu to the right of it in short words i want both the logo and the menu to be on the top fixed, all the time,, now no matter what i do the logo stays on top and the jquery menu below or the other way around, im going crazy over this one, i have little expierence can some
Changing .text() modifies container's margins
Using the code from http://jqueryui.com/button/ and modifying it to change the text of the items clicked on, I am surprised that two of the three items' margins shrink to a minimum rect surrounding the text (the only one that maintains its margins is the input button. So: Should I be surprised? I'm a noobly, so wouldn't be surprised that I shouldn't be... ;) How can I maintain the margin of the containers when the text changes? Thanks! Bex Ref: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"
Jquery problem in all IE's but not FF or Chrome
I have this bit of code that works in all browsers except IE9, IE8, IE7. Please Help $('#stream .main_img').each(function(){ var h = $('#stream .main_img').height(); $(this).parent().next('.video-button').css('margin-top', ((h-75)/-2) + "px"); });
Next Page