Hidding and showing divs based on radial button choice
Hello, Quick question please. If I have 2 radial buttons <div class="form-group"> <div class="radio"> <label for="stock"> <input type="radio" id="stock_disabled" name="stock" value="stock_disabled" checked><b>Disable</b> Stock Feature for this product <br> <input type="radio" id="stock_enabled" name="stock" value="stock_enabled"><b>Enable</b> Stock Feature for this product </label> </div> </div> and an input field which I want to hide when the
Jquery mobile - fitlerable listview set code in focus event/show items on click
We have multiple filterable inputs on a page, looking to show list when a filterable listview has focus. What we want to achieve is: 1. when user clicks the listview search, shows a small set of choices (5 or 10) 2. when the user starts entering text in the search box, we use the filertablebeforefilter event to narrow down the choices and refresh the li entries. HTML: <input type="hidden" id="jobtemp" name="jobtemp" value="" /> <input type="hidden" id="jobcode" name="jobcode" /> <ul id="jobautocomplete"
What's wrong with this ajax call?
CODE: <script> function ckID(taid, callback) { return $.ajax({ url: 'myscriptfile.cfm?taid='+taid, /* data : { // Sorry I missed the colon ! id: id }, */ success: callback }); } ckID('',function(rtn) { console.log(rtn); if (rtn > 0) { // record already exists // alert document.getElementById('custNoDupe').innerHTML = "<font color='red'>This ID already exists in the database</font>"; // reset current input to nothing document.getElementById('taid').value = ""; } }); </script> </head> <body>
Uncaught TypeError: $(...).gridviewScroll is not a function
Hi there, I'm new to the forum and am in quite a bind. Been stuck on this for a few days and have been searching for a solution. I'll spare you the sob story. What I am trying is create a table that can scroll where the first column can be frozen so that it always remains in place. I am doing this with a Gridview. I found this demo: http://gridviewscroll.aspcity.idv.tw/Demo.aspx Which is exactly what I'm looking for (Freeze Column, just the first one) and went to Github to bring in the necessary
fetch data from table to text box
I am creating a table through jQuery and in this table I concatenate 3 columns in 1 column: Before concatenate: if (re.length > 0) { $("#services_schdulue").append $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>frequency</th><th>Freq_Duration</th><th>Freq_Mileage</th></tr>"); for (var i = 0; i < re.length; i++) { if (re[i] !== null) { $('#services_schdulue tbody').append('<tr><td>' + re[i][0] + '</td><td>' + re[i][1] + '</td><td>' + re[i][2] + '</td><td>' +
Find children with text
Sometimes my helpers make nodes like this: <div class="col-md-2 col-md-offset-1"> <span class="control-label required">First name</span> <input type='text' class="form-control" value="" > </div> And sometimes they make nodes like this: <div class="col-md-2 col-md-offset-1"> <span class="control-label required">Date of birth</span> <div class="input-group date"> <input type='text' class="form-control class_date_input" placeholder="mm/dd/yyyy"
Hide/show video player buttons .mouseenter() .mouseleave()
Hello, As I am new to jquery, does anyone have ideas how to show video player buttons when mouse enters the video container and hide buttons when mouse leaves the container? Only the progress bar should remain on the screen, when mouse leaves. Have tried it with CSS and javascript, but nothing seems to work. I have managed to get to hide/show buttons when mouse is directly at them or leaves, but not when mouse enters the video container. HTML: <div id="video_container"> <video id="video"> <source
jQuery Autocomplete Duplicate Remove event listener
While trying to determine what was slowing down my autocomplete text box, I noticed that every time the user types in the target text box the number of event listeners would go up. It looks like autocomplete is adding duplicate "remove" events to the target. This can be reproduced by adding the following line to the default autocomplete example at https://jqueryui.com/autocomplete/ . response: function (e, ui) { console.log( jQuery._data( $("#tags")[0], "events" ) ); } When looking
Problem with scroll position
Hi masters :) I try to use jquery but i have problem with scroll. My problem is if i click button page scroll go auto to top of page but i dont want it :( ! Someone who have one min to tell me how to fix it. I give you my source here . $("#div").click(function() { // another div element // element.slideToggle(); });
Need help with jquery UI Draggable/Droppable
Hi, I'm having trouble with some drag and drop fundamentals. I want to have 2 tables, the first has source cells, the second table has target cells. I can drag a div from table 1 to 2 and I've got that working. However, once the div is in the 'target' table, If I go to drag it to a different cell in the target table, I don't see anything move under the cursor. Yet when I release the cursor, the item does in fact move. I've got a codepen illustrating this behavior at http://codepen.io/basementjack/pen/EgZWqQ (I'm
jquery ui: checkboxradio CheckBox
Hi. I am using several jquery ui widgets successfully, however I am having trouble getting the Checkbox feature of the checkboxradio widget to work. I can get the Radio button feature to work fine by specifying $("input[type='radio']").checkboxradio();. The docs show using just this statement without the [type='radio']. Do I need to specify a different type instead of radio? (I tried checkbox and that didn't work) The examples also show an additional CSS file called /resources/demos/style.css
How To used double effects In JQuery?
Hello everybody. Can anybody tell me how to use double effects on a dialog show? The first effect I would like to use is scale and the second effect is that it comes from a corner of the page, where the button is located that launches the modal dialog. The same for the hide function. I would like to hide it with scale, which is pretty nice effect, but while scaling it should move out of the page or towards the button. I appreciate the really easy dialog effect definition, but I would like to get
$.ajax is not a function
Hi I just started using jQuery JavaScript Library v3.1.1 and i get 2 errors jQuery.Deferred exception: $.ajax is not a function (15:41:01:532 | warning) at Files/Web_UI/js/jQuery-3.1.1.js:3688 Uncaught TypeError: $.ajax is not a function (15:41:01:535 | error, javascript) at Files/Web_UI/js/jQuery-3.1.1.js:3697 I get it when I run $.post("ajax.php", {action: "InitLoad"}, function (data) { alert(data); }, "json"); in script type="text/javascript"
How to parse variable return back in setInterval
The code below will get every second a price from a .json file. What i need is the result to be parsed back into the updateRate function in order to compare the previous price with the newly updated one... I've googling a lot lot, and some say to use .bind or an anonymous function but i am stuck. What's the way to go here? $(document).ready(function () { function updateRate(type, price) { $.ajax({ url: './json/get_price.php', datatype: "json", data: { t: type, c: price
scripts.js:201 Uncaught TypeError: jQuery(...).vide is not a function & scripts.js:580 Uncaught TypeError: jQuery(...).unveil is not a function
scripts.js:201 Uncaught TypeError: jQuery(...).vide is not a function (anonymous function) @ scripts.js:201 j @ jquery.min.js:2 fireWith @ jquery.min.js:2 ready @ jquery.min.js:2 I @ jquery.min.js:2 scripts.js:580 Uncaught TypeError: jQuery(...).unveil is not a function (anonymous function) @ scripts.js:580 dispatch @ jquery.min.js:3 r.handle @ jquery.min.js:3
Removing class from element and disabling CSS statements for class
The problem seems to be simple. Assume we have a definition like <p class="aaaclass bbbclass">........</p> Now I want to remove in all elements <p ...> on the web page which have an assigned class "aaaclass" exactly this class so that afterwards the code look like: <p class="bbbclass">........</p> How does that work? Next question: How do I have to modify your suggested jQuery statement if I want to remove BOTH or ALL classes (see above) so that afterwards the code looks like: <p>........</p> And
Semra Beckham-What is arguments object in JavaScript?
Hello, My name is Semra Beckham, What is arguments object in JavaScript? Thanks, Semra Beckham
parseXML explained
All examples show pretty much the same code but without much explanation, could someone explain what each line is doing? I put in the comments my own interpretation but I would really like a confirmation: var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>"; // parseXML will parse the string to an Object, or as the docs put it: // "parseXMLuses the native parsing function of the browser to create a valid XML Document." // from what I cam see, this is already an object
Information about Slide() with sliding effect
Hello all member. I have weird problem and i have followed many tutorials and got slide() to work, my side menu is fading out and doing up and left sliding effect. The problem is that i only want it to slide left. When i add direction like so: .hide( 'slide', {direction:'right'). script stops working, nothing happens but style gets attribute overflow:hidden. When the script works, it does display:hidden and some numbers quickly run by, viewed in firefox inspect element tool. So, slide works but
Understanding jQuery Ui Clones
I am a little confused, I thought that once the clone's ID is changed to something different, it is no longer the same as the original. To my surprise the clone id is the same as the original draggable object's id although the clone's id had been changed. Please look at my code below. var uiNewId = "test1"; $("#obj1").draggable({ helper:'clone' }); $("#dropzone").droppable({ drop: function(event,ui){ ui.helper.attr('id', uiNewId); alert((ui.draggable[0]).id); }
Question about JQuery Plugin ?
Hello everybody. can you help me with the jQuery Plugin. here is my problem... I have an autocomplete field on a form.. i want to search for certain fullname for example i typed in John Doe or Doe John it will suggest me the name having john and doe on their names. currently when i search John it works fine but when i use space after John it closes the suggestions the same thing when i typed in Doe{space}John. so basically i want to search for fullname having the terms with spaces in any order.
Problem about catch those values In JQuery.
My remote PHP function return two values. 1 and 2. How can i catch those values and put in to separate error messages. $coupon_code = $fw->xss()->safe($_REQUEST['coupon_code']); $coupon_code = $fw->voucher()->getByCodeStatus($coupon_code); console.log($coupon_code); //return 2 means no value in the credit card // if($coupon_code == 1) // { echo("false"); }else if($coupon_code == 2){ echo("false"); }else{ echo("true"); } -----------------------------------------------------------------------
Wow Slider Transition Effects
Hi, I am trying to use different transition effects on my slides using WOW slider. If I choose Shift effect, it shows correct effect on the WOW demo window, but when I uploaded to my website it always show Basic effect. No matter what transition effect I chose during Design Setting, once it's uploaded it always shows Basic effect. I uploads new 2 folders (Data0 and Engine0) together that enable the slideshow possible every time I change the transition effect, but it still always show nothing but
Dual Scrolling - How to scroll to an element on a page AFTER the page goes to another element when loading.
I'm using CodeIgniter, if it makes any difference, to create a page with a calendar list of events. The calendar list consists of a title, and two tables: the first table shows fixed table headings for a second table that contains rows that can scrolled when there are more rows than will fit into the fixed length of the second table. Each of the rows in the second table has an id, which brings that row into view when the URL of the page ends with a hash and the row's id. Amazingly, this all works
Javascript Image-Show Not Continually Looping
I am trying to make a fading image-show for one of my webpages. To this point of time I have the show working to a point: the array of images cycles through once, however, after the first interval, the loop breaks: after the last image runs its course, the show cycles to a broken image; now, while I was checking what could be causing this occurance, I checked the activity of this element, in my Firefox Inspect Element tool, and there, it shows that there is activity in relation to the show's
popup-alert-window does not pop up
I want that after the button click a alert window pops up. But when i click on the button nothing happens. My Code: <link type="text/css" rel="stylesheet" href="tinymce/js/jquery-ui.css"/> <script type="text/javascript" src="tinymce/js/jquery-1.8.2.js"> </script> <script type="text/javascript" src="tinymce/js/jquery-ui.js"> </script> <script type="text/javascript"> $(function () { $("#btnSave").click(function () { $("#divpopup").dialog({ title: "abc", width: 430, height: 200, modal: true, buttons:
How to prevent iframe thieves?
Hey, This is what i found on internet: <script> if (self == top) { var theBody = document.getElementsByTagName('body')[0] theBody.style.display = "block" } else { top.location = 'http://google.com' } </script> I would like to get if self url = mywebsite.com or mywebsite2.com show iframe else block iframe error message What is the best way to do that? Thanks!
check to see if function has been run?
Hi Folks, I've built a script that checks to see if a form input has a value, and if not, write an error with the field's label name in it. If they go back and fill in the field, it removes the error. It works great, but there's one issue; every time the user focuses out of the field, it writes the error again. I need to make it so that it only writes the error once. Using .one doesn't seem to work. Here's the html: <label for="name">Name</label> <input id="name" type="text" required> <label for="email">Email</label>
Younus Shah - What's New in jQuery 3.0 and How to Use It
Hi All, My name is Younus Shah, and working as Sr Director, Global Quality. Could you please tell me What's New in jQuery 3.0 and How to Use It. Thanks, Younus Shah
hasClass not working for some reason...
Hi, I've been pulling my hair out trying to figure out what is wrong with my code here: // Add attributes to external links if($('a').hasClass('notexternal')) { // do nothing } else { $("a[href*='http://']:not([href*='"+location.hostname+"']), a[href*='https://']:not([href*='"+location.hostname+"'])").attr('title','External link').attr('rel', 'external'); } Basically, I'm trying to make any links without the class 'notexternal' and that has an external domain have: 1. A title attribute of 'External
Problem about setting up a function in Script
Hello everybody. I came across this script: <script> $( "<div/>", { "class": "test", text: "Click me!", click: function() { $(this).toggleClass( "test" ); } }) .appendTo( "body" ); </script> Is the script above, setting up a function for the newly added "Click me!", in that it is supposed to disappear from the page it is on, when someone clicks on it? if not, what should be expected from this script; I "tried this code out"; and "Click me!" is unfunctional. Thank's a lot!
check an element if exists and add class to its previous element and to it with jquery
I have a vertical menu code, and i want to add collapsable sub menus, here is structure of my Menu's HTML code: <div class="menu"> <ul> <li><a>1</a></li> <li><a>2</a></li> <li><a>3</a> <ul> <li><a>sub1</a></li> </ul> </li> </ul> </div> so as you can see here, many of the li tags of .menu > ul are there but only some would have sub menus in them. i tried to create jquery which could add treeview class to the li tag which contains the sub menu's ul tags and treeview-sub to the
NEED HELP | event.currentTarget.closest() or something similar (.parent ?)
Hello Guys, I'm totally new to this forum and I appreciate to have the ability to discuss on jQuery and to get answers to my questions. I don't know that much jQuery and I need to modify some code written by someone that knows a bit more about it. My code involves a bit of PHP, that calls jQuery plugin functions. My problem follows... Code on the client page : <div> <?php foreach ($joueurs as $joueur) { echo '<form roler="form" id="form'.$joueur['id'].'"> <table class="table"> <tr>
Use jQuery to parse & display image from database –
Hello All; Need some help with this one. The topic headline itself explains the scenario. I have some image files in DB for every shop/restro of my application; images stored as raw bytes. Now using a web API I am fetching them. Any shop may have several pics associated with it. The image files are being fetched in the format like the huge lengthy: /9j/4AAQSkZJRgABAQEASABIAAD/4ROwRXhpZgAATU0AKgAAAAgADgEOAAIAAAAgAAAAtgEPAAIAAAAgAAAA1gEQAAIAAAAgAAAA9gESAAMAAAABAAEAAAEaAAUAAAABAAABFgEbAAUAAAABAAABHgEoAAMAAAABAAIAAAExAAIAAAAgAAAABAAAC2gAAA
Version conflicts
i an very new to all things HTML and I have been struggling for a few days to get a from to datepicker working. Finally succeeded and then decided I should upgrade to the latest version of jquery as I had started with some sample code that use 1.8. I was able to upgrade to 2.24 but moving to 3.0 or newer created a problem in the test I was creating. I have tried adding the migrate plugin and the problem persists. The offending code is: from = $(this).datepicker(); and I later use the from variable
Using var in text?
Hi Folks, I'm trying to build a script that will easily check to see if a form input has a value, and if not, write an error with the field's label name in it. I know I'm on the right track, but I can't figure out how to use the label name in conjunction with other text. Here's the html: <label for="name">Name</label> <input id="name" type="text" required> <label for="email">Email</label> <input id="email" type="email" required> and the js: $('input[required]').focusout(function() { var labelvalue
Cannot get Dialogs to work
I am finializing a large project and I am to the UI part and the first thing is I after I get all my scripts rendering in order is click on the link for the dialog box to open and the $('.myDialog').dialog does not work any longer. I get any error that states that there is no object named dialog. Now when I am in dev mode in the scripts i can do a $('.myDialog).dialog and the function dialog is not in the list of items to choose from. What am i missing? I am currently using jquery 3.1.0.js Can someone
I need help with datePicker
Hi everybody ! I'm new on this forum, sorry if i'm not at the good place to post this.. and sorry for my english im french :) So.. i need to developp à calendar with event associate on some day.. i make this with datePicker and look my calendar : i create some event ( 3 in total ) and the color on days 1, 2 and 3 are day with event ! and when i click on a day with an event, i display event info in specific div. All is ok, that work, BUT when i click on a day with element, my div with color for
Collapsible set - different look
Hello, Expand than collapse cause different look for the first, second, etc., and the last. Is it WAD? Thank you, LP
Initialising a button on the page_container gives rubbish markup.
The markup below throws a div around the Yes button & give a terrible ui (shown at the bottom) when the button is initialised using: var w = $("#confirmDeleteAccountDialog .deleteConfirmationButton"); if (w.data("mobileButton") === undefined) { w.button(); } w.button("enable"); How do I go about NOT having the div around the anchor created? (Line 21) I've omitted all the script stuff. Thanks for looking, N <html> <head></head> <body> <!-- Mobile page
Next Page