Transparent button background in jquery mobile.
Need to know how to make my button background see through. .ui-btn-mondaybtn{ background:transparent !important; } help please
Selectmenu multiple don't show popup from within a popup
Hi, If I use a selectmenu with multiple selections into a popup widget, the selectmenu's popup doesn't show. I guess it is a z-index problem. Try it: http://jsfiddle.net/3a2pk/1/
display none not working
This is the url with issue http://tinyurl.com/n6on8wo I am setting display none for div inside box-product class Quick search on internet tells me some issue with more specfic selector but not sure what to do I ran following code in firebug and dont see the div getting hidden. Although visibility works, but I dont want to use it since it would still take up the div space [code] $(".box-product").children().each(function(i, elm) { //Below doesnt work though style gets applied, div is still shown
Question about fixed position
I have a question about making a <div> as long as the page is. Is there some data-role I am missing? Can anyone maybe give me a hint about how to make the with the button that says "Abonneer" and the textbox with "Hello World" as long as the page is?
Animation to <li> on click
Hi all , I am having <ul> and <li> on click of li i want to send it at top by animation Its sending to top successfully but speed is very fast I wants that it should go with very slow speed. I tried all approaches but not get any success My code is $('li.new-item').click(function () { // the clicked LI var clicked = $(this); // all the LIs above the clicked one var previousAll = clicked.prevAll(); // only proceed if it's not already on top (no previous siblings)
ddslick non-selectable-group options
Hello, Is there a simpler way to have non-selectable group options within the ddslick ddown list? Or to disable certain items thus work as options group? so ddslick creartes sth like ul li li li ul and I want to disable click event from certain 'li' item within the 'ul' element? Thanks in advance! Mokhtar
Displaying JSON data on keyup
Hey Guys. I wrote a function that displays the JSON info on a keyup event. But for some reason its just hides the data, and does not display anything when I enter text in the search bar. ( I am targeting the search bar on the $('#search').keyup(function() { ) I am not sure what I am doing wrong here... any help would be really appreciated. Thanks in advance! Below is my script followed by the HTML content. $('#search').keyup(function() { $.getJSON('../data.json', function(data) { var output
Changing rerun url
I was wondering if there is a parameter or setting I can set that will change the URL that is fired when the "rerun" link is clicked on one of my tests. My current application is built in Require.js and and Backbone.js, so right now when I click on the rerun link, it navigates me back to my home page. I was just hoping that there is a way to modify where the rerun link points, rather than have to start managing a new set of URL paths in my router. Thanks!
Default Functionality Not Working
Hey all, I have jquery 1.10.2 and jqueryui 1.10.4 which I'm including into my site using the direct CDN links at the bottom of the jqueryui page. I'm noticing and becoming increasingly frustrated with default functionality of some items not working. Here are 2 examples of things not working: Date picker $(function() { $( "#viewDatePicker" ).datepicker(); }); <input type="text" id="datepicker" /> Is working and popping up the calendar, but doesn't show "February 2014" for example in between the month
how to validate textbox with 100 words?
i know how to validate the character nut to do with words plz suggest. below function is use to validate the characters: $('#txtCompanyProfile').keyup(function () { var maxWords = document.getElementById('<%= hiddenProfileMaxValue.ClientID%>').value; var cs = $(this).val().length; $('#characters').text(cs); $('#txtCompanyProfile').keypress(function (e) { if (e.which < 0x20) { return;
check all checkbox
I am trying to create a check all checkbox. Here is my code: $('#checkall').click(function () { $('.checkbox').prop('checked', this.checked); }); $('.checkbox').change(function () { var check = ($('.checkbox').filter(":checked").length == $('.checkbox').length); $('#checkall').prop("checked", check); }); <input name='checkall' id='checkall' type='checkbox' value='' /> <input type="checkbox" name="checkbox" id="<? echo $id ?>" class="checkbox" /> When I select the checkall box, it does not check
submiting a form without reloading the page
Hello, I'm working on a email form which seems to work halfway and it doesn't seem to complete the process. WHen i click the submit button I can see that the values appear in the url but it should return a success/failed message but with my script nothing happens.. any ideas as to how to fix this? <!doctype html> <html> <head> <title>Submit form without refreshing the page</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
Two Scripts Have a Conflict
I see I'm not the first person to have problems with two bits of Jquery conflicting with each other, though none of the previous posts has helped me to find my problem. Firstly, I have a short jQuery script in the <head> of my page that creates a tabbed area, and also loads the content to one of the tabs. $(document).ready(function() { $("#tabcontent > div").hide(); // Initially hide all content $("#tabs li:first").attr("id","current"); // Activate first tab $("#tabcontent div:first").fadeIn();
Show/Hide 2 divs
Brand new to jquery. See below code - <script> $(document).ready(function(){ $('#leftbar').hide(); $("#longbar").mouseover(function(){ $("#leftbar").show(); $("#longbar").hide(); return false; }); $("#longbar").mouseout(function(){ $("#leftbar").hide(); $("#longbar").show(); return false; }); }); </script> Essentially, I'm trying to achieve something very simple. 1. When the page loads I want everything except #leftbar visible. 2. When user runs cursor over #longbar I would like #longbar
How to sort errorList array of Jquery Validator Plugin
I'm using the jquery validator plugin to validate my form but need to sort the errorList array so that results are shown in a particular order. Could anyone point me in the right direction for doing this?
Jquery Datepicker not working on cloned body and after server side postback
I have a html table.On this table one of the fields is a jQueryUIdatePicker.When I clone the body in a table, all its markup's are cloned into a new div.Now there are two elements on a page the original and a cloned one.When i create new datepicker element with append() datepicker works fine.But when i select the date for new(cloned) element it affects in the first(original) element. One more issue i am facing is that after a server side postback any of the jquery datepicker including cloned ones
Seeking to hire a designer with jQuery skills
Hello, I'm looking to hire a designer who has typical design, slicing and CSS skills but also has experience with jQuery (jQuery-UI styles and theming jQuery widgets, etc.) Please contact me off-list. Thank you
:hidden pseudo broken by real-world HTML
This fiddle shows an example of .is(':hidden') returning true for an element whose children are plainly visible. The root cause seems to be bad markup: a DIV nested inside a SPAN. This example is reduced from markup on several large sites where our script needs to operate. There is no opportunity to change the markup. Any ideas on how to get a reliable :hidden implementation given markup abuse in the real world?
Uncaught TypeError: Object [object Object] has no method 'dialog'
Hi, I have a project in wordpress. I am trying to implement dialog box popup on click of hyperlink. On click of this link, function shownm1() is called which is placed in .js file. The function contains code to open modal dialog. But its showing the following error : Uncaught TypeError: Object [object Object] has no method 'dialog' . <a href="#" id="test-div1" onclick="shownm1()">Click</a> function shownm1(){ jQuery(document).ready(function($) { // alert(1); $('#test-div1'
how to validate textbox to have limited characters
how to validate textbox to have limited characters ?? the number of charcters are coming from backend..............if its more then maxlenth hoe to clean textbox for ex:max characters=10.........when textbox opens already have 20 characters how to remove extras and make it 10.and if less den 10 allow to enter only 10 characters...... maxlength is coming from server. $(function () { alert("maxWords"); // to count charecters in CompanyProfile $('#txtCompanyProfile').keyup(function
Need help with Hiding/showing div
Hey guys I'm new to jquery and i'm hoping to learn over time through different sites I work on. Right now I'm working on an all in 1 page site where the content hides/shows depending on the which link you click in the navbar. Heres an example of what I mean: $(document).ready(function(){ $("#service").hide(); }); $(window).bind('click', function(){ if($(this).click("li.services")) { $("#service").show(); } }); Now how do I go about hiding this section when I click on a different link
Check for file extension before uploading
Hi, I have the form allows user to upload file. This field is option but restrict only for pdf file. I want to check the mime type before upload but can't find any good example out there. Can anyone pls help to point me to any example? thanks
IE problem
I'm entirely new to jquery and have just downloaded jquery-ui. All of the examples in there work perfectly in all browsers except IE (I'm using IE11) - and, whilst the functionality of each example works in IE, there is no styling at all: texts overlap, dialog boxes have no structure... and on and on... Is this normal or am I missing something?
Prev/Next Issue
Line #93 is letting me down: http://www.vendingbeta.com/test2.php
JQuery hover effect problems.
Hi, i have 3boxes design in css, I want a hover effect on it, so when i hover one box the other two will get the opacity 0.5 and the box I hover will remain the same with opacity 1. This is my code but now the box I hover vill change opacity. The id is #wraps and the class .box $('.box').hover(function() { $(this).animate({opacity: 0.5}, 400); }, function() { $(this).animate({opacity: 1.0}, 400); }); });
A Banner in between - but gets sorted :)
Hi. Great script :) I have made a loop into the script, adding a banner for every x result from the query. Problem is, when I sort the table, also the banner gets sorted lol. Question: Is it a way to make the placement for the banner static, and not sorted ?
Animation not working
I'm at a loss here. The following code works perfectly fine on my development machine. It doesn't work on the server and throws an illegal character exception error instead. For the life of me, I can't figure out what it is. $(document).ready (function () { $('#side_menu').fadeIn('fast', function() { $('#side_menu').css('display','block'); $('#side_menu').animate({'right':'0%'},300); }); });When I comment out the fadeIn, all other calls to the side_menu id work fine - even
how to load data step by step with ajax for big data without stopping the display of the webpage
Hello, I will try to explain my problem: In my website I load some big data for 3 canvas. If I load the three, it is long and I need firstly only one. So my first solution I did isn't good because nothing is display on the page before 3 seconds: $.when ( $.ajax({url:"load.php"}) .done ( function (data) { responsive_INTRODUCTION(); }), $.getJSON(url0, function (data) { str_r=data.paragraphes[0].split("-"); str_g=data.paragraphes[1].split("-"); str_b=data.paragraphes[2].split("-"); }) , $.getJSON(url1,
Alternative to append in JQuery
I am looking for an alternative to the append command to insert a table into a webpage. My co worker, who shall rename nameless is telling me that I can't use "append" because it is a "Hackers" way and a security risk to use append. *Rolling eyes* (Of course he won't even tell me or make any suggestions on what to replace it with! He never gives any suggestions only criticism!) So, I would appreciate any suggestions on what else I can use instead of append to get my table into the webpage. Here
Change flipswitch by javascript
I need to change this flipswitch by javascript. I don't find how to proceed. Thanks for your help. <div data-role="page" class="demo" data-title="Panel fixed positioning"> <form> <fieldset> <div data-role="fieldcontain"> <select class="myflipswitch" data-role="flipswitch"> <option value="0">Off</option> <option value="1">On</option> </select> </div> </fieldset> </form> </div>
having unstable layout in App using phonegap & jquery mobile after returning from webview in iphone
Hi Can some one help me out to fix my issue. I am using jquery mobile with cordova to build ios App. When i trigger an external link from my App and return back to App having unstable layout. Can someone tell why the issue is. Thanks in advance.
Simple AJAX POST request
I am trying to write a simple request to download data from http://taskforce.epiforge.com/API/Reporting.aspx/Breakdown. My request is always sent as OPTION instead of POST. Function then returns 404 error. This is my request: <script type="text/javascript"> $( document ).ready(function() { var data = { "accountLogin": "a", "userLogin": "b", "password": "c", "breakdownBy": "task", }; $.ajax({
Perform function every second
I have created a page that grabs some data from a php page every second using a timer. However, I am pretty sure there is a way to make the code a lot shorter and neater, perhaps using a loop. Here is the code <script type="text/javascript"> $(document).ready(function() { var delay = 10 ; function countdown() { setTimeout(countdown, 1000) ; $('#countmesg').html("Ends in " + delay + " seconds."); delay --; if (delay == 10 ) { $.post('grab.php', {name: name}, function(data) { $('div#name-data').text(data);
Combining selectors with different triggers
Hello, I have the following $('#Login').keypress(function(event) { if (event.keyCode==13) { //Call function with name "FUNCTION" } }); $('#Login input[type=button]').click(function() { //Call function with name "FUNCTION" }); Is there any way to combine these 2 pieces as they call the same function? Thank you for reading.
Simple jQuery Mobile Random Number Generator ?
Does anyone know how to generate a radom number 0-99 and output to a textbox? I'm just a beginning and have a very limited understanding of jquery programming...
html() not updating until I scroll the page
I have a custom font, and a class that I put on a div that replaces any text in the div with the custom font icon... This div is supposed to switch between a search icon and an x icon. Sometimes, the icon doesn't change until I nudge the page up or down... can't figure out why? Here's the div: <a href="/search/" class="ficon" id="search-trigger">B</a> and here's the jquery: jQuery(document).ready(function(){ jQuery("#search-trigger").click(function(e){ if(jQuery("#search-trigger").html() == "B"){
i have a list of images in the dom ,and I want to increase the size on hover
Dear all, I have a number of images in the dom in a div called main ,I want to increse the size of the image on hover my code (function () { $('#main > img').on('hover',function () { console.log(this); css('width','800px'); }); })(); this is (probably) to simple any sugestions ?
$.ajax() always return error
Hi, I do not know anymore what to do, I'm getting desperate! = ( My code always returns error: function pegaDados(x){ var parametros = { 'id' : 'vazio', 'busca' : 'tudo', 'funcao' : 'buscar', 'dados' : '', 'bd' : bd, 'col' : col}; if(x){$.extend(parametros,x)}; $.ajax({ type: "POST", url: "back/mongo.php", dataType: "json", error: function(erro) { console.log(erro); }, data: { "id": parametros.id,
text with apostrophe
Hi, i have a problem when i insert some text with apostrophe in my page. I have a page when people can send me a message in my email. I use php and javascript. Can you give me some help? Thanks
jquery script work in chrome issues in ie9
Dear all, I run a jquery script function test (container) { jQuery('html').addClass('js'); var doIt = { container: $(container), show: function () { if (doIt.container.is(':hidden')) { doIt.close.call(doIt.container); doIt.animatie(); } }, animatie: function () { $("body").append(doIt.container); var w = doIt.wijd/4; var h = doIt.breed/5; doIt.container.animate({ 'opacity' : 'show', 'left': 50, 'postion':'relative', 'z-index':'1000' },500) .animate({ 'top':-800 },{duration: 800,queue: false})
Next Page