Need to disable the selected drop down items
Needed to disable few items from a HTML drop down box, with a 'Submit' button not just normal click or normal button. Reason of doing this: I have, a jsp page where I need to perform operations that needs a page to re-load from servlet. Thus have submit button, so once a user is on the page, the drop down having item disabled should remain disabled for the entire session. Any one who could help me doing that using Jquery or Javascript would be great. I know to do the normal disable in JQuery can
why closest select with attribute filter class name no work
My html has nest table, when click anywhere inside the table I like to get the top level table(table1) code: $(document).on('click', function(event) { var target = event.target; var test = $(target).closest('table[class=table1]'); but it find nothing. if I change to $(target).closest('table[onclick=myclick]'), it works. Can someone tell me why? <table class="table1" onclick="myclick"> <table ......> <table...><tr><td>click happen here</td><tr/>.......
passing external variables (php) into divs with ajax
hello all- I have a very simple accordion style form system. Fill in the form in the first section, then go to the next section of the accordion, etc... What I have: Right now when the submit button on each form is clicked (one form per section, or div), the code calls the .lasso (similar to php) page, does any processing (add to DB, set variables form field info, etc...) and then replaces the div with the output from the external page. What I need: Similar to above except when the form submit button
Pop out box beside text box
I'm working on a website with a sign-up form. I'm trying to implement an interface i've seen on a couple of websites (such as this particular one), where a user is guided to fill certain fields (like password or email) that come with restrictions via a pop out box. The pop-out box shows up when the field receives focus and gives some additional information about that field, as shown in the attached image. How is this implemented? I admire this feature and i'd love it on my website. Thanks
Creating Infinite Scroll?
Hi, I'm fairly new to jQuery and need to create an infinite scroll, similar to the one on the below site: http://www.3dsoup.com/ Im not sure how to do this, would I need to use .ajax() to load a page with the HTML of the new articles? Any help would be greatly apreciated...
jQuery & mySQL Database to Excel?
Hi guys, I'm trying to pull my data from mySQL (represented with the image below) to Excel. I have my Column and starting row, sheet name and value but I don't know how to do this by clicking a button as it's trigger. Can this be done?
JQuery - HTML form displays twice on screen after clicking submit button
Can someone assist with this issue? I found this code online but it is not working for me. After the 'Go' button is clicked the form is updated, then duplicated underneath. I'm trying to prevent the duplication. Any suggestions. See example here: www.lsullivan.info/currency_converter.html (enter an amount, then click 'Go!') Here is the code: JS: $("#myInputButton").click ( function() { //document.write("test_A"); $.post ( //document.write("test_B"), $("#converter").attr("action"), $("#converter").serializeArray(),
Best way to make an Image Map w Jquery?
I recalled the oldschool days of HTML where you could create image maps on images -- if clicked a notification would pop up I am trying to make somethign similar with an anatomy teaching file I have a large image of a piece of human anatomy -- there may be 20 or 30 spots that people can click.. once clicked the name of the muscle or bone is shown how can I do this with jquery? not looking for a modal dialogue window, that is too large and obtrusive any suggestions?
Using a form downloaded through AJAX
I have just started using JQuery, so am a beginner. I wanted to make use of the ajax features to dynamically load different content into part of the page. I am using ajax to load an html <form> from the server into a <div>. The content of the form that is loaded depends on what the user selects. The form itself does not use jquery, it is simply an html form contained in a <table>. The user may change the selection on the main page and then a different form is loaded dynamically. Each time a form
Simple AJAX call not working
I have this URL: http://mandala.cloudapp.net/Home/GetItems I put this URL on my Chrome browser and it returned a JSON just fine. Then I did this ajax call on the same URL but I couldn't get it to work. Here is the Ajax code: http://jsbin.com/nojepo Any idea why?
When inserting data on DB using TinyEditor it appears empty
Hi everyone , I'm trying to use a text editor "TinyEditor" When i click on submit it gives me a msg "Coment added" but when i see the DB i find only empty :/ This is the code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>TinyEditor - JavaScript WYSIWYG Editor</title> <link rel="stylesheet" href="tinyeditor.css"> <script src="tiny.editor.packed.js"></script> </head> <body> <form id="form1" method="post" action="index.php"> <textarea name="tinyeditor" id="tinyeditor" style="width:
Problem loading content from remote site
Hi, I Have a problem loading content from remote site into my site with load function. Images and links don't works. Any solutions please? Here is my code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="http://www.hyundai.si/_tpl/_css/master.css?50"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ var contentURI= 'http://www.hyundai.si/ponudba/ceniki
Problem about Cross domain
I am a ASP.NET Developer working on Jquery . In AJAX i am using external url for data retrieve in same domain but different website . My Method is working in IE8 But in IE11 ,when i use external URL ,i am not getting data .it does not show any Data in Success Function .
New To jQuery and Mobile App Dev. Need Recommendations
I want to build a car parts interchange app. Basically I want the app to allow the user to select three fields from drop down menues: year, model, and part, then perform the search against a database and then I want it to return "This part is interchangeable with: (list all of the cars the part interchanges with). What I need to know is: 1. Is this possible to use drop down menus for search queries against a dataase? 2. Is it possible to have it so that the app database is stored locally on the
Better Date Handling - Calendar or Something
Hi, I am fairly new to javascript, but I get the basic syntax and how to add it to html pages. I am looking for a solution to record dates and then automate some, if not all of the handing of 1) an event page and 2) date display within a newsletter. 1. For the event page: a I add them and manually remove them at www.ilovemylaser.com/gatherings.html. b I create a registration button which takes people to web page, generated in another software, infusionsoft. c And I make a link to a flier (made in
Popup window at the right corner Jquery plugin
Hello everybody! Somebody knows how can I create a popup window at the right corner like this: http://eloquentparaplanning.com/ I think there must be a plugin, but I cannot find it! Thank you for your help. By the way, this is my first post, nice to meet you all! And sorry for my English :)
Input element with multiple values
<input id="ctl00_PlaceHolderMain_RadButtonMango_ClientState" name="ctl00_PlaceHolderMain_RadButtonMango_ClientState" type="hidden" value="{"text":"Mango","value":"Mango","checked":true,"target":"","navigateUrl":"","commandName":"","commandArgument":"","autoPostBack":true,"selectedToggleStateIndex":0,"validationGroup":null,"readOnly":false}" autocomplete="off"> How can we find the value for checked in this case it's true
Page navigation using form select menus
Good to you all I like to create a form with lists in which whenever a user selects/click an option it will navigate to the page selected. i have tried it but not working, how can i go about it Thank you
jQuery or CSS issue?
See http://www.slingsbymaps.com/newsite/maps.aspx When a browser window is made very small, and a user then hovers over the left green bar, this bar expands behind the centre green area. How can I get it to go on top of that centre green area? And is this even a jQuery issue? Maybe it's a CSS issue. Not sure. Tx, Mart
Having problem with side panel
Hi all, I've to creat a sliding sticky side panel. I've written some code I want my side panel should be appear and disappear onClick and also I want to change css onClick check it now http://jsfiddle.net/mNE5w/ Thanx in advance
I'm so close... but can't get button to close div
I'm pretty new to jQuery and would like to use it to control the opening and closing of a div on my webpage. I've achieved a slick opening animation but can't quite get the coding right to include a close button within the newly-opened div. You can see what I've got here. Just click on the Available Seats or Details link. Can anybody tell me what I'm doing wrong in my code and how to fix it? Thank!! ---------- Rick
Setting width of entire layout.....
I created a custom theme using Theme Roller. The issue is when I view the app in the iPhone simulator it the accordion widget and logo do not stretch the width of the device. Also all of my text fields and buttons do not appear as the more modern style. I'm using the WebMatrix iPhone simulator, not sure if that has anything to do with it. I want the logo (red rectangle) more to the left and the accordion to span the width of the device. Here is a picture of how the layout appears.
What's going wrong with setTimeout?
Hi guys - I'm still very new to jQuery, I have the below code working fine: jQuery(document).ready(function($) { $(this).find('.logo').animate({ marginTop: '-296px',}, 1000); $(this).find('#one').animate({ opacity: 1,}, 2000); $(this).find('#two').animate({ opacity: 1,}, 2000); $(this).find('#three').animate({ opacity: 1,}, 2000); }); However, when I try to make it kick in two seconds after document ready it breaks entirely. Code below:
Stacking JPG images and scrolling using Jquery
I am trying to pre-load and then stack jpg images. The user can then use the mouse to "scroll" through the stack of images so that 1 image is shown at a time overlapping the previous image. This would be akin to a PACS viewer for viewing at CAT scan. I would like this to work for desktops and mobile interfaces Can someone suggest: 1) should I use Jquery UI, mobile or what to develop this? 2) what Jquery function would allow me to preload 50 or so images and stack them on top of one another in a
About resize of image in lightbox, see the video plz
hi to all! i explain what i would like to do in a youtube video, its 2 mins long, plz watch and help me here is the video https://www.youtube.com/watch?v=95Lalnc69k8 here is the java https://mega.co.nz/#!gY0igYqQ!m9NQawaa2bo_Zpq4c6O2wHHGgZo1WeSHcrJcL0JKae8 see in HD to see the text and here are is the code of my file in java, THANKS ALL // Magnific Popup v0.9.9 by Dmitry Semenov // http://bit.ly/magnific-popup#build=inline+image+ajax+iframe+gallery+retina+imagezoom+fastclick (function(a){var b="Close",c="BeforeClose",d="AfterClose",e="BeforeAppend",f="MarkupParse",g="Open",h="Change",i="mfp",j="."+i,k="mfp-ready",l="mfp-removing",m="mfp-prevent-close",n,o=function(){},p=!!window.jQuery,q,r=a(window),s,t,u,v,w,x=function(a,b){n.ev.on(i+a+j,b)},y=function(b,c,d,e){var
jquery lightbox help
just tried adding it, not working. Not sure what i am missing... http://www.theartoflovingcatsanddogs.com/art-item/quotbe-a-voice-for-shelter-catsquot-leather-cuff-bracelet-568/index.cfm
Is it possible to use other variable in another function?
Basically I want to use selectedRS found on my first function to the second one 1st Function $("#activityPane").on("change", "#rsOptionSelect", function() { var selectedRS = $("#rsOptionSelect :selected").text() $("legend").text( selectedRS ); if(selectedRS != "Please Select A Reseller"){ $("#rsOptionSelect").hide("slow").fadeOut("slow"); $("#skuSetup").show("slow").fadeIn("slow"); $("#skuSetupBtnDiv").show("slow").fadeIn("slow"); }else{ showSKUSetup() } }); 2nd Function $("#activityPane").on("click",
I'm trying to setup an event handler using a div id to identify the specific element that should trigger the event
This is a newbie question as I'm trying to figure out how jQuery works. I've got an input field that I'm trying do use to trigger a handler event. The DIV ID is "cid". Here's the code: $(function() { $('#cid').on("mouseleave", highlight); }); Both Safari and Firefox give me the error: "TypeError: $(...).on is not a function" on the line that starts "$('#cid". Everything I've read or viewed online tells me that I should not get that error on that line. I cannot figure out hat I'm doing wrong.
Table cell is not showing up
Any ideas without moving the code around? $(document).ready(function () { var metricsHtml = "<table id='metrics'><tr><td width='150'>Site Name</td><td width='150'>List Name</td><td width='150'>List Type</td><td width='150'>Item Count</td><td width='250'>Created Date</td><td width='250'>Modified Date</td><td>Default List View</td></tr>"; $("#myDiv").append(metricsHtml); $().SPServices({ operation: "GetListCollection", async: false, completefunc:
Duplicating Jquery plugin
I'm brand-spanking new to Jquery - so I am very sorry if this is a ridiculously stupid question. I have been trying so many things out today, and I just can't figure out how to do this. I purchased a snippet of code from a site to create a box on my website that links to an RSS feed from another site. The code that came with it is as follows $.fn.rssWidget = function(feedUrl, dateFormat){ var dateFormatF = dateFormat || 'day/month/year hours:minutes'; var googleFeedUrl = 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0';
Displaying information when image is clicked
I'm trying to create a page where there is a grid of images and if you click on one of those images it will expand. Once the image has expanded and you click on the i icon that is below it, the i icon will display the information about that image. I have managed to make the grid work the way I need it to, but getting the i icon to display the information about that image is starting to drive me insane :-DHere is the Jquery function galleryInit(){ $('#gallery li').hover( function(){$('span',this).slideToggle('fast');},
Mobile horizontal RSS
Horizontal RSS feed and thumbnail jquery mobile? Examples: BBC, as in iOS applications
How can I access elements from a response script ?
Hello I go a situation here, I want to call a ajax after getting result of first ajax. Please see my code. here it is validating form correctly but when submit it is not working the ajax submission and after submission grid reload. jQuery(document).ready(function(){ jQuery("#form").validate({ rules: { data: "required", desc: "required", cost: "required", price: "required", qty: "required" }, messages: { data: "<?php echo $this->lang->line('field_reuired'); ?>", desc: "<?php echo $this->lang->line('field_reuired');
Having an issue trying to devellop sidebar navigation
Hi, I´m trying to understand how to do a navigation side bar for mobile and tablet devices. I found a tutorial that explains how to do a basic one, and I did everything like the author of the tutorial but its not working fine with me. Somebody there see something wrong in the code? My fiddle with the issue: http://jsfiddle.net/ritz/th46k/1/ Html: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <nav id="menu-containerr"> <div id="menu"> <ul>
Im new with Java and Jquery and im just getting my foot in the door with coding...
I recently made animations in adobe animate edge and when publish to retrieve a static HTML code and go and open the file an error message pops up "error" JQuery is undefined Code 800A1391 Source Microsoft Jscript runtime error. Ive been dealing with this problem for a long time ive referred to multiple blogs.. youtube.. and still have not found a solution. Is there anyone who has an idea of how I can fix this? Thank you
How to make simple script that opens box with bio and image?
I want to make script that opens box with big image and short bio, when user click on small photo. Perfect example is this page .What is the easiest way to achieve this simple effect? Thanks in advance.
Jquery-Fade Images
<HTML> <head> <link href="style.css" type"text/css" rel = "stylesheet"> <script type="text/javascript" src="jquery.js" ></script> <script type="text/javascript"> function Myimage() { $(".image #1").show("fade",500); } </script> </head> <body onload="Myimage();"> <div class="image"> <img id="1" src="b.jpg" border="0" width="100px" height="150px"> <img id="2" src="e.jpg" border="0" width="100px" height="150px"> <img id="3" src="f.jpg" border="0" width="100px" height="150px"> </div> </body> </html>
hove function doesn't work for append div
Hi im new to jQuery .. I am having a problem in append function in my program. initially im having some div's in the page and hover function is working fine for that but when i append same div to page using jquery the newly added div is showing but the hover is not working for it.. please help me
Using JQM Flip Toggle Switch for submitting two different status informations
I like to use a jQuery mobile flip toggle switch to submit two status informations to control the two status of a relais. Instead of using: <input class="scene_btn" type="submit" onClick="request('key=1')" value="on" data-theme="d"</input> <input class="scene_btn" type="submit" onClick="request('key=2')" value="off" data-theme="d"</input> I'd like to use a JQM flip toggle switch, to switch on and off a relais. <form> <label for="flip-1">Flip toggle switch:</label> <select name="flip-1" id="flip-1"
Creating Pager for dynamic html table
Hi, I have a div element to which i am adding a html table with rows. There is no table header and footer. Jsfiddle: http://jsfiddle.net/KCJ4s/ I would like to add pager to the html table with the options of "First","Next", Numbers, "Last", "Previous". How to create a pager for the dynamically created table. I have tried with datatables.net pager, but the paging is not shown. Jsfiddle for datatables.net pager: http://jsfiddle.net/Nh9AQ/ How to create paging for dynamic created table? Thanks
Next Page