Unable to make this searchable dropdown plugin work
Hi, I am using <select> element where the data comes from database and using https://github.com/alxlit/bootstrap-chosen this for searchable dropdown. It works fine with the <select> when present on the page. Now my problem is the <select> element is being generated dynamically with jquery and the data list coming from database is also being inserted through ajax and the Chosen plugin does not work for this. Is there any way I can get it working? or any other plugin suggestion? below is the code
Inconveniente con ".val()" en una sentencia FOR
Hola gente linda. Mi problema es que no puedo extraer el valor (.val) en un bucle For, sin embargo extrae el primer valor cuando se escribe en un campo de texto de la lista del carro de compras. Aquí los códigos: js: $(document).ready(function () { $('#cant_prod').keyup(function () { var cantProd = $(this).closest('.prueba2').find('#cant_prod').val();//Extraemos la cantidad tipeada var numCantProd = parseInt(cantProd);//Convertimos la variable en entero alert(numCantProd);
Jquery mobile does not support correctly
Hi, I have my cordova project and I am using jquery and jquery mobile for fetching remote data from remote servers. I am suffering from a serious condition which is that if data which is dynamically craeted in .js file is successfully displayed in lower versions of android like jellybean but if I use upper android versions, then on those devices jquery it not working at all.It only displays that data which I have created in pure html not with jquery mobile. I am using jquery versions which are
google chrome browser issue
Hey guys. I have a problem.My app can't open on google chrome. ts working other browser. Can you help me please.
jQueryValidation issues: Label class always has errorClass
Hi, I am a newbie with jquery and this module. But trying to style valid/invalid fields, I inspected the fields and I noticed that the errorClass class is never removed from the label tag Example: I setup a "digits" field with min=3 and max=30. When I enter 1 in the field then label Please enter a value greater than or equal to 3 is displayed. The Inspector shows that the label has the class jqv-invalid When I enter 12 in the field then label is not displayed but has 2 classes: jqv-invalid and jqv-valid
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>
Can Can i permanently change the value of a button?
Hi sir, I am currently using jquery in ASP.Net mvc razor View, and want to change the value of button permanently, I did some coding which works but the problem is i refresh the page it again change the value to original one, the button value is Lock when i click on it i want it to be Unlock which it does but after refreshing the page it again become Lock, Here is my code; function change() { var elem = document.getElementById("lockId"); var orderid = document.getElementById("order_no");
programatically force the scrollbar jump to the top
My site is perfect-rehitim.co.il I use athe dialog ui and it launches via the left most menu item. My question? How do I programatically force the textarea scrollbar in the left to jump to the top, or alternatively get the focus on the first line? Regards
div play button onclick not working with ajax super filter
Hi Guys, Need your support! I have one problem with my play button which works fine until i use super filter (Ajax content) to refine the list of products. Button style shows fine but when i press it nothing happens, which should call and send a mp3 link, name and thumb for my music player (jquery) to read, which is sticked on the bottom of the page. 1.This is how it looks like HTML:(code generates multiple products on one page depends on how many products) <div class="audioplayer-song-changer" data-target="#ap1"
User select date 10 years from today date jquery datepicker
Working on jquery date picker in my current code. I want the datepicker should show from the year 1900 - till today date User has to select previous 10 years from today date if in case user select yesterday date or today 's date or a month ago date eror msg should populate in the error message field Here is my current Jquery code $(function() { $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, yearRange: '-115:+1M' }).on('change',function(){ alert("check"); }); }); Here is the
[jQuery] Don't add ".html" in URL - Please help!!
Hello everybody! Up front, I excuse me for my bad English! I develop a website and found this fancy animated sidebar-menu: Codyhouse Furthermore, I specialized on PHP and MySQL, so actually I'm not able to develop jQuery! But I have a problem! I have the menu like this: <nav class="cd-side-navigation"> <ul> <li> <a href="#0" class="selected" data-menu="/index.php?site=0"> <svg class="nc-icon outline"><!--SVG ICON STUFF--></svg> Home </a> </li> <--! More entries... --> So in the end,
Trying to write login function using ajax
Hi everybody, i'm writing easy ajax login function using angularJs, but i got some question which relates ajax, this is my function: $scope.login = function() { $.ajax({ type: "POST", url: "http://ce.mauris.info/en/api/auth", data: {email: "test@test.com", password: "1111"} }).done(function( msg ) { $location.path('/app/feed'); }); } // login when i come to my login.html, i can just click on a button and go to '/app/feed' i thought that i have to enter data
JQueryUI Dialog - inital div display state
when you attach JqueryUI Dialog function to a div containing a form, do you need to set the initial CSS state of the div to display:none or does Jquery set that state automatically to anything with dialog function hooked to it? Unless i missed it on this page: jqueryui.com I never saw the initial state of the DIV containing the modal form set to display:none anywhere
[SOLVED] Dialog overlap autocomplete's dropdown list
I have simple page with several dialogs. Each dialog has autocomplete widget. On dialog created dynamically autocomplete's items appears outside dialog. On static dialog all work fine. I create sample on JSFIDDLE and this sample work correct, but when I run this code on my server it work with bugs.File from my server
Rework image slider
Hello, i found a simple slideshow scipt on this page, wich works nice for me. The only problem is, i can´t add descriptions/caption for pictures. This way i need help for a rework. The creater has written in the comments the easiest way should be to use a div for each image and a span with text in it. I tried and changed in the Jquery the img tags with div tags, but i dont get it to run (im a beginner :(). I added the Code on JSFiddle Click. And here the updated Code i tried, but the images are´nt
How to upload images also change whole div
Hello guys, i need to create upload images look like above, my script is here http://codepen.io/sidaurukfreddy/pen/rOVYMv , my question is Is the CSS script avaiable can be like that How to make when images is uploading not more than div Thanks for respond
Always show table headers
I dynamically fill a reflow table and call "refresh" and "recreate". Once I have a small mobile device display, the content switches to vertical alignment as expected. But the table headers are not visible anymore! How can I make them always visible? Note: When I manually create a table it works perfect. <table data-role="table" id="table" data-mode="reflow" class="ui-responsive table-stroke "> <thead> <tr> <th></th> <th>Tag 1</th> <th>Tag 2</th> <th>Tag 3</th> <th>Tag 4</th> <th>Tag 5</th> <th>Tag
API_unique bug in IE 8
<script src="jquery-1.11.3.min.js"></script> <script> $(function(){ var a1=$("#u li"); var a2=$(".red"); $.merge(a1,a2); $("div").eq(0).html(a1.text()); $("div").eq(1).html(a1.length); $.unique(a1); $("div").eq(2).html(a1.text()); $("div").eq(3).html(a1.length); }); </script> <body> <ul id='u'> <li>a</li> <li>b</li> <li class='red'>c</li> </ul> <ul> <li>1</li> <li>2</li> <li class='red'>3</li> </ul> <div>?</div> <div>?</div> <div>?</div> <div>?</div>
JQUERY VALIDATIONENGINE FUTURE DATE FORMAT
Hi, I am using jquery validation engine.how to change date format of future(dd/mm/yyyy) Already changed custom date format of dd/mm/yyyy.but future date format can not be solved any one can help me.
Date picker using jquery for dob year selection
I am using date picker from Jquery. Where currently I facing a problem By default range of the calendar has to show from 1900 - 2100 years. The system should accept the date minimum 10 year previous from todays date for example .1900 - 2000 years if the user select after 2001 jan by mistaken error class should prompt I am bit confused how to do I tried with min year & max year but If i gave year range as 1900 to 2015 calendar was showing till 2015 sep only but i want to show till 2100 $("#txt_dob").datepicker({
Found find flaw
I use jQuery a lot, especially the find method which is why this little quirk threw me. I've thought of find to be an extension to a selector string. It allows some use of arbitrary methods after the selector string and then continues to find even more. But using it with a finite selector (:first, :last, :eq, etc) causes it to search within each element. This isn't a problem for classes or elements within the selection, as find will return any number of those. But using it to retrieve the first element
Showing json data from wcf service
Hello, first timer here, and I really hope and pray you can help me, as I have had not much luck trying to figure things out on my own. I am trying to create an app using Devextreme My code looks like the following - db.js (function () { var dbImpl = { url: 'http://localhost/service/GetCustomers';, _sendRequest: function (type, params) { var deferred = new $.Deferred(); var requestSettings = { url: $.trim(dbImpl.url), type: type,
Validate: with Bootstrap Wizard
I have a site where i am using Bootstrap 3 and a separate 3rd party "Bootstrap Wizard" component ( http://vadimg.com/twitter-bootstrap-wizard-example/ and https://github.com/VinceG/twitter-bootstrap-wizard ) Having finished the layout of the wizard, I am now trying to put in some validation on the form. I have tried the jQueryValidate component, and it doesn't seem to work. I then created a new php page, and created a simple form, with no wizard component, and it works as expected. Therefore, it
Dialog buttons fail on high vertical resolusions
My site is perfect-rehitim.co.il I use JQuery Dialog and launch the dialog box by using the left most menu item(The actual use is elsewhere but i use this menu only for debugging). In resolution of 1280X720 it works fine. Problem is that when using the buttons with higher vertical resolution like 1280X1024 the bottom buttons, like "Help" don't work. Instead they tend to jump the view port and the vertical scroll bar down. Can someone advise please? Regards I. Sher
Looking for pluging for sype like effect.
http://www.shyp.com/ Please scroll through these website and you will see that the background image scrolls normally, while the screen shot changes in the phone to it place how I can do it please suggest. Do we have any plugin for that in Jquery. Other URLs http://yougotthenod.com/ http://www.aims-app.com/ http://kimd.cc/ http://beardswipe.me/ http://www.pomodrone.com/ http://mymail.my.com/ Thank you.
How to change style of a included html file inside <object> tag ?
I want to change the style of a html file I get from the web when including it inside <Object> tag. My purpose is to hange the display of web page such as https://clients3.google.com/cast/chromecast/home to make it full screen and discard the dark veil, so on .... Then my file could be : <html> <body> <object id="file" data="https://clients3.google.com/cast/chromecast/home" type="text/html" style="width: 100%; height: 100%"> </body> </html> How can I get inside the code to restyle the page as I want
How to show a text and an icon inside the images that are being rendered inside jquery slider
I am using a web template which have a jquery slider that uses jQuery touchTouch.jquery.js plugin version 1.0 . A live sample of the slider can be accessed from this link .now inside the web template i got the following markup :- <div class="row">
<ul class="listgall">
<li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 colgal">
<figure><a href="img/page3_bigimg1.jpg" class="thumb"><img src="img/page3_img1.jpg" alt=""><span><strong>Project name:<strong><em>Lorem
Jumping to an anchor with javascript while using the multi pages from jquery mobile
Hello, I am using the multiple pages template from http://demos.jquerymobile.com/1.4.5/pages/ for my Battleships game. I've got a function where it is vital to jump to another internal page without reloading it. Unfortunately I cannot use a normal anchor here without rewriting it all, so it would be very nice to use javascript. If there is a way to do that please tell me. Best regards, Clemens
DOM insertion and CSS Style
Hello, I'm french so i have not a good english, sorry !! I developp a responsive web applicatino with jquery mobile, i use ajax for my query and i insert table row and submit button in the DOM. My problem is when i insert dom elements their CSS style is loose, the css style of jquery mobile don't aply. Thank You for your help
retrieve data from mysql database
Hi, I'm trying to retrieve data from Mysql: <script> $(function(){ $(".btn-reparto").click(function(){ var reparto = $(this).text(); $.ajax({ url: "dbscript/getArticoloComanda.php", data: "", dataType: 'json', success: function(data) { for (var i in data) { var articolo = data[i]; $('#articoli').append('<input id="' + articolo[0]
Error in changing background color of cell in html
Hi All, In my application there is an html table this is the code for my requirement <script type="text/javascript" language="javascript"> $(document).ready(function() { $('body').on('click', '.anchor3', function() { $("a.anchor3:contains('B')").each(function() { var pcolor = $(this).parent().css("background-color"); if(pcolor != "rgb(218, 112, 214)") { $(this).parent().css("background-color", "red"); } else {
Newbie... question about pages
I just started and made a test site with 5 page ( linked to the header menu in the demo downloaded ). When I link them to separate pages ( like I usually do with we sites ) it does not like the url unless I use a full url. After reading a little more it looks like all the pages should be in the same file. Is this how the site should be created? It there anything special you should do if linking to another webpage. <li><a href="signup.html" data-icon="clock">Signup</a></li> I guess my question
how to use .add.class.remove.move?
I want to know how to use .add.class and .remove.class im confusing and .css not work. I just did .css and work but when i combine with other function it is not. 1. I want to add $('img a') float to right, margin left and right, (i know it) 2. then move the $('p.mobile-photo') to other div (not append or prepend, i mean inside the div 'separator' class) i don't know this script 3. then remove the <p class> after all i want to move the separator class to the top of desc class (i use before but not
what is selector ?
Hello guys , was just going through the source on fancyinput.js and came across the following line (see it on git HERE. ) var selector = inputs.selector; so if i console.log selector , i get the selector i initially used to initilize the plugin , i.e. "div :input" is inputs.selector a Javascript method/property or a jQuery method/property ?
Going nuts trying to find the syntax error! Help!!
I've been looking for the syntax error in this snippet for hours. Can you spot it? Here's the page (last section only; "Fiberglass Boattails"). Select an item to show inputs. http://m.publicmissiles.com/tailcones.aspx Please help. Thanks. ---Frank //find FNC Slotting in array for (var i = 0; i < productArray.length; i++) { if ((productArray[i][0]==SLOTTINGFNC)) { document.getElementById("FBTLslotting_price").value = productArray[i][2]
ReAdding Event Handler After Dynamically Removing and ReAdding Element
Hello everyone, I think the title should be pretty clear in terms of describing the issue. Basically, I'm trying to create a reset() method where I can remove then immediate readd the element and it's event handler. Right now, it removes the element (which is initially built into the HTML) and readds the element. So that works, but the original events that were tied to that element are not added. Any idea as to why? Any help is appreciated. Here is the code I have: function resetAllOverlays()
ajax call to php with redirect
Hi I am creating a site where make a ajax call to php that saves my data to mysql then uses some api to paypal and then redirects to paypal to make the payment. when I built my test php and referenced direct all works great. Now I am using ajax to post the data to the file I get a 302 header response and the redirect doesn't happen. I believe this is down to how ajax is behaving but no idea what, is there away I can make this work? here is my ajax call and response fromm php. $.ajax( {
Desperately need help with jQuery
Hello all. I am in way over my head with this and I would love some help. I program PHP, MySQL, HTML and others, but I never could get down jQuery and javascript. Anyways, I am working on a navigation menu and on mouseover the menu comes out, however, when I go to next area where the menu pops out to a sub, it goes over the other one and so on! Here is what I have: $(function(x){ $('a.link-sub').mouseover(function(e) { // Add active class to section title $(this).addClass('active');
page loaded with: $ load ("#"), not stylize
how to call another page with jquery using css that is loaded on the main page? is possible with $("#id").load()?
Next Page