JQuery rollover image
I have 3 main images on my page. (but i want to put 9 images there - (image1) (image2) (image3) (image1b) (image2a) (image3a) (image1c) (image2c) (image3b) ) the page will be like this (image1) (image2) (image3) I wanna know whats the jquery for ...: When i hover over image1... i want image 2 and 3 to change to image 2a and 3a... When i hover over image2... i want image 1 and 3 to change to image 1b and 3b... When i hover over image3... i want image 1 and 2 to change to image 1c and 2c...
data-xxx attributes disappeared
Hi! If i put the data-xxx attributes with jQuery .data() method, theese attributes disappeared after i insert element to a container. If i put the data-xxx attributes with .attr() method, the attributes remains. Why disappeared with .data() method? http://jsfiddle.net/6zvgL45t/11/
2 form actions - submit a form twice to different scripts
Hi, for some reason I need to transmit a form to 2 different scripts at the same time. Any idea how i can do that? Any help would be appreciated. Greetings Remcha jQuery("#form1").validate({ debug: true, submitHandler: function() { var dataString = jQuery("#order_form form").serialize(); jQuery.ajax({ type: "POST", url: "checkout.php", data: dataString, //dataType: text, success: function(msg) { jQuery('#order').animate({ left: '400px'},
Why this easy js code doesn't work??? Why
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> function fn_01(var vn_name) { if ( fn_02(vn_name) == true ) { alert('Jack, hello!'); } if ( fn_02(vn_name) == false ) { alert('You're not Jack!'); } } function fn_02(var vn_name) { if ( vn_name == 'Jack') { return true; } if ( vn_name <> 'Jack') { return false; } } </script> <style> #div1
Replacing a string with another on button press
Apologies for lack of code but I'm really struggling to get started with this one. This is the code I'm looking to manipulate I'm wanting to change the target when the appropriate button is pressed <embed type="application/x-vlc-plugin" name="video2" autoplay="yes" loop="no" hidden="no" width="100%" height="96%" target="udp://@239.192.2.1:1234" /> So the buttons will have the following values attached so that when pressed they will replace the default target value in the code above
tab is not working after written jquery events onclick and live function for field
I have written live and onclick event for a field after that when i am trying to press tab button it is going top of the screen can any body will tell the solution for it..
Form sumbit focus element
Dear Friends, I have a form i need to duplicate all the values i am copying after generating new form with new id the control has to move to one element below is my code.. var weight=$('#weight').focus(); $('<form></form>') .attr('action', 'create_order.php') .attr('method', 'post') .append($('<input>') .attr('name', 'duplicate') .val(orderNumber) ) .appendTo('body') .submit();
How to make Json with flow model
Reference from Drag and drop After seeing this post i design a new flow model for drag and drop and it work's , but there is a problem i want to save the flow chart so i have to make json for it the desired json i want is link of my fiddle fiddle var sunny = { "data":{ "id":"", }, "key":"", "module":"user", "children":{} }; I want each
autopopulate option in cascading autocomplete if it is the only option
Hi trying to create cascading autocomplete e.g. 1. CITY 2. STREET 3. NUMBER and once the 1st autocomplete is selected then child elements get autopopulated with option(s) if it is the only one. E.g. there can be the only one street in the city and the only one building number on that street so I' like to be STREET and NUMBER automatically to get their value in such case. In case there is more options then classic widget will be shown. Could you please nudge me closer to solution how to extend autocomplete
datepicker skins
Hi. On line 5 of the code below, I have chosen one of the default skins, vader, for the datepicker. It works great but I want to use one of the other default themes. Please see http://jqueryui.com/themeroller/ On the left, in black, chose the GALLERY tab. There are 24 skins available. When I try the skins that have one word, like smoothness or vader , it works great. When I choose a skin with two words, like UI lightness , I get only a shell of the datepicker. Help? <!-- -------------------------------->
Jquery not showing up in browser (Using carousel plug-in: Camera)
Hi everyone! So I'm trying to build a website but jquery doesn't appear on the page. I've scanned my html/css meticulously and couldn't find any errors...and I tested the file paths using the page source code with Mozilla Firefox, and they all loaded fine. Plugin I am using: http://www.pixedelic.com/plugins/camera/# So it's not the file path. I followed this guide to troubleshoot jQuery: http://css-plus.com/2010/03/6-steps-to-take-if-your-jquery-is-not-working/ I got to step 4, where I removed all
Get value of two dates field
Sorry, I'm beginner in javascript, I want to get the value of date from and date to. How can I do that? <div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> <i class="glyphicon glyphicon-calendar fa fa-calendar"></i> <span></span> <b class="caret"></b> </div> <script type="text/javascript">
how to disable and enable form field based on the value of another field
I have three drop down lists that are dependent on one another <select class="form-control" id="StatusId" name="StatusId"> <option value=""> </option> <option value="1">Pending</option> <option value="2">Approved</option> <option value="3">Declined</option> </select> <select class="form-control" id="DeclineReasonId" name="DeclineReasonId"> <option value=""> </option> <option value="1">Incomplete Documentation</option> <option value="2">Too many loans</option> <option value="3">Fraudulent Intents</option>
Redirect after Ajax Post
Hi, I am using below code to post form data to MySQL.. It's all working fine except the redirect after post success. I don't get any error in the console and data are being submitted successfully as I have see in MySQL but the redirect is not happening so it will just stay on the same page. Where is the problem? with thanks... <script type="text/javascript"> $(document).ready(function() { // $(function() { $("#btnSave").button(); }); // $(function() { $("#btnCancel").button(); }); $("#btnSave,
two submit buttons in the form?!
Hi, I have a form with: <button id="btnAccept" type="submit" style="width: 200px;">Accept</button> when the user clicks on it then it will post to accept_leave.php I also have decline_leave.php so there should be another button: <button id="btnDecline" type="submit" style="width: 200px;">Decline</button> my current form is: <form id="frmLeave" method="post" action="review_leave.php"> so how can I deal with the btnDecline? How to put it in the same form but when the user clicks it then it should post
jquery event sink for com object
i have a comm object that raises events and javascript on the web page to capture those events. It all works perfectly. Now I have to "distribute" this javascript to serveral other web applications for use on their web pages (this is all internal intranet stuff). here is the javascript function and script tag for the event sink: <script for="ica" event="OnAgentEvents(evd)" language="javascript"> function ica::OnAgentEvents(evd) { // do stuff here } </script> how can I put this into a seperate .js
Ajax conflict
callAjax works fine alone without $('.link').click(function(){. But it does NOT work with $('.link').click(function(){. ---------------------- $(document).ready(function(){ var callAjax = function(){ $.ajax({ method:'get', url:'random.php', success:function(data){ $("#sample").html(data); } }); } setInterval(callAjax,2000); }); $('.link').click(function(){
e.preventDefault() and $.ajax; === for ajax and jquery conflict
Without $(".refresh"). $.ajax , we can see $('.link').click(function (){ is working . But with the $(".refresh"). $.ajax is inserted, $('.link').click(function ( does NOT work . Question: I think this problem is related to the conflict. Any good way for ajax refreshing??? =================================================================== <script type="text/javascript"> $(document).ready(function(){ $(".refresh").everyTime(1300,function(i){ e.preventDefault(); $.ajax({ type: "POST",
Newbie: How to build dynamic jQuery tab from javascript?
Hi, The question is simple. How can I build dynamic Tabs from javascript? The result is not the same as placing the very same markup in html. I have made this fiddle to show you what I mean: http://jsfiddle.net/9e4ruq5f/ What am I doing wrong?
insert tag css into file .css
how to insert tags into the css .css file using jquery anyone can give me an example
How to update multiple dropdown selects when user changes one selection
Hi, I posted this on Stackoverflow and I've not gotten any traction. http://stackoverflow.com/questions/29053525/how-to-update-multiple-dropdown-selects-when-user-changes-one-selection I'd appreciate a hint on how to proceed. Thanks.
Effects - Show (HIDE)
I am trying to find an animation of the hide similar to turning a page. Is there something like that predefined. Thanks
Newbie: Conditionally include script files
Hi, In jQuery mobile page is there a way to conditionally include certain files (CSS, javascript) based on whether browser is iOS based or Android? If so, is there such an example? Thanks in advance and regards
Newbie: Dynamic back to top button
Hi, I want to have back to button that appears itself when long text content (in a collapsible, accordion tab, page or others) is more than the viewport and then hide itself when content is scrolled to the top. Is there a way to do that? I tried the approach in this link: http://www.developerdrive.com/2013/07/using-jquery-to-add-a-dynamic-back-to-top-floating-button-with-smooth-scroll/ . It works fine with jQuery mobile + phonegap in iOS but in Android, once the "Back to Top" button appears, it
Presentation of plug in: Date-time picker for mobile interfaces
The idea is an inter-related wheels mechanism. Clock like. For example, when rolling upper wheel "Year", lower wheels "Month, Days" also rotating dependently. This helps in positioning lower values by rolling uppers, if not exact to, but definitely close to desired position, making time adjusting much quicker. Especially useful for mobile interfaces, where date-time adjusting rollers are commonly used. github example source
how to create accordian for this formula?
BookMyLoan *#nh { background-color: rgb(69,69,69); color: white; text-align: left; padding: 15.0px; width: 74.0%; } *#nhsec { width: 75.0%; float: inherit; padding: 4.0px; background-color: rgb(48,102,164); } *#nf { background-color: rgb(255,255,255); color: rgb(48,102,164); clear: both; text-align: center; padding: 5.0px; width: 74.0%; } *#nh1 { background-color: rgb(69,69,69); color: white; text-align: left; padding: 5.0px; width: 10.0%; } *#nf1 { background-color: rgb(255,255,255); color: rgb(48,102,164);
Tabs "Jump To" Button
I am trying to have buttons within a tab to jump to a different tab, but get the following error: Error: cannot call methods on tabs prior to initialization; attempted to call method 'enable'. Below is the code I tried. What is the correct way to implement this? <div id="tabs" > <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1"> <input id="lnk" type="button" value="Jump
ReferenceError: using google Maps API .
hey guys i am trying to build a small custom map library and i have extrated most of the code into Mapster.js file and i use my script.js file to call all the functions from Mapster.js . I have a small problem , i have this below line in my scripts.js file : infoWindow.open(map.gMap , marker); now in my mapster.js i have the following function : addMarker : function(opts){ var marker; opts.position = { lat : opts.lat, lng : opts.lng } marker = this._createMarker(opts); if (opts.event) { this._on({
$.ajax post <<--- Why this easy code doesn't work????
Why success alert is not popped up? [post.php] <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(document).ready(function() { $('#post_button').click(function() { $text = $('#text_p').val(); $.ajax({ type: "POST", cache: false, url: "save.php", data: "text="+$text+"room="+"room1", success: function(data) { alert(data); } });//j.ajax }); }); </script> </head> <body> sfefe <div id ="stage"> Stage </div> <form name="form1" action="" method="post">
problem with ajax
hi to all, I try to call external text file to my html page using ajax..but it is showing error like XMLHttpRequest cannot load path of file. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. this is my code. http://jsfiddle.net/harithareddy/8n6L0rdz/
Dynamic checkbox multiple from mysqli_fetch_array
Please help me out from 1 hour struggling. [problem] Without CSS, checkbox multiple will be displayed on the left top. But applying CSS, the checkbox symbol is separated from checkbox value, located on CSS top and left (640, 390). But its value stays on the (0, 0). [Code] $dbc=.... $query1 = "SELECT * FROM classroom_start"; $result1= mysqli_query($con, $query1); if(mysqli_num_rows($result1)){ $room_array = array(); while($row1 = mysqli_fetch_array($result1)) { $room_array[] = $row1[1];
How to split strings?
I have a column which can be multiple people. For example it can be: 35;#Peter Dawn 24;# James Taylor;# Is there a way I can use Jquery to automatically grab only the names and ignore the ID and the deliminator which is ;#?
Weird auto focusing on Android device
Hi, I've got a bit of an issue, and I can't work out whats going on. Basically, I have the following code: <!-- item advanced settings --> <div id="itemAdvancedSettings" data-role="page" data-enhance="false" data-dom-cache="false" data-transition="fade"> <div class="header" data-role="header" data-position="fixed" data-tap-toggle="false"> <a href="#" onclick="history.go(-1)" class="toolbar-button" ><img src="./img/back.png" class="header-back-button"></a> <img src="./img/header-jcc-logo.png"
Passing array using .load
Hi; Before I start: I want to use .load for this one. Ok, I use this to pass data to another page: function calculate_price()
{
$( "#calculate_price" ).load( 'http://localhost:8888/live/calculate_price', { product_type: $( "#product_type" ).val() ,
qty: $( "#qty" ).val(), size: $( "#size" ).val(), category: $( "#category" ).val(), p_type: $( "#p_type" ).val() , item_id: $( "#item_id" ).val() } );
} That all works fine and sweet. The problem is that I have another array that I need to pass to
How to use Liquid Slider
Hello everyone and good day! I am working on a personal project and I want to use the Liquid slider jquery. http://liquidslider.com/ I cant seem to make it work, even thou I did follow the installation instructions. Instead of text for the title, I used an image, because I would like it with caption. Here are my codes. <!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"
What are difference between setOptions and setOption?
Hai friends, Currently i a worked with Jquery Widget factory.Anybody give the more explanations about _create, setOptions , setOption, _refresh, _destroy and _init.I am waiting for your response.
Possible bug in datepicker
Not sure if this is a bug, or if I am just doing something wrong/unsupported. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display month & year menus</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script>
rework a for loop into an each function
I have this code on jsfiddle: https://jsfiddle.net/jlrough/wq95ycr5/ Code works except there is no place to add some images for the carousel so you can't really run it and see the carousel. What is wrong with it is the for loop is a closure and it doesn't work since it befuddles the i value in the hover function. The next and for links work to go to the next image. Someone said to fix it by using each instead which I am trying to do below. You can see commented out the for loop. I am getting a
Noob question conerning jQuery start-tag
I am good at PHP and I am trying to learn jQuery. My question is these start tag showing WHERE jQuery finds (and eventually) does something, like: $('.myTR td').html(originalContent); or $("td[contenteditable=true]").blur(function() What I understand is that that it is looking for "myTR" and in the other case "td[contenteditable=true]". Abstractly it is a kind of regular expressions in the way that it searches for something and does something (blur/changes, whatever). I don't understand the convention
Slide navigation in Jquery mobile 1.4.5
HI, Currently i am working on a Mobile app using jQuerymobile and Cordova and i am using JQM 1.4.5 version for this. In my app, for my page transition i am using slide navigation but the slide effect is not visible when navigating to another page. In jQuerymobile 1.4.3 it is perfectly working fine..I have tested this on Desktop chrome and Android tablets.. Do i need to configure any additional parameters for this? Thanks.
Next Page