onclick event on a select
Hi Guys I have an select dropdown looking like this: <select name="dietary" id="dietary"> <option value="none" selected="selected" >Select Option</option> <option value="Normal" <?php echo "$selected1" ?>>Normal</option> <option value="Vegetarian" <?php echo "$selected2" ?>>Vegetarian</option> <option value="Halaal" <?php echo "$selected3" ?>>Halaal</option> <option value="Kosher" <?php echo "$selected4" ?>>Kosher</option> <option value="Other" <?php echo "$selected5" ?>>Other</option>
How to set css zoom level to local storage
I am using a jquery function to zoom in/out. I need to save there preference to local storage. All of the examples I have found save strings and objects, wouldn't this be a interger? plunkr
I need a web hosting site thats hosts javascript websites.
Please recommend. tyvm.
Tabs ajax loaded newPanel height is wrong, why?
Hello programmers, this time i have an issue in ajax loaded panel Tabs. The problem is in the following code example: $("#tabbed").tabs({ activate: function (e, ui) { ui.oldPanel.show(); var pheight = { n: ui.newPanel.height(), o: ui.oldPanel.height() }; ui.newPanel.hide(); }}); For my purpose i need to re-show for a while the old panel and hide the new, make some operations and next reverse them. The big problem is that when i click the
How to disable all previous dates on selection
I have 2 date pickers on my page . One is for starting date and other for ending date selection. So when i select starting date on first date picker i want all the previous dates to be disabled on both date pickers.
Issue on Processing Array Items Into a Div
can you please take a look at this code and let me know why I am not able to add the array Items into the .box? I already used the .text() and .html() var letters = []; var str = "A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"; var letters = str.split(","); for (var j = 0; j < letters.length; j++) { $(".box").html(letters[j]); }but they only add the last item "Z" into the box.
Tree menu multi-sortable with specific conditions?
I am on the lookout for a jQuery plugin which sort of acts like jQuery Multisortable. It should have the following options: It has a left and right side. On the left there should be a tree structure menu and on the right it should show the content (like windows explorer). On the left you should be able to create and delete a folder. Items between the right and the left side should be drag-able and drop-able. Items should be multi-selectable Can anyone point me a plugin which consists of all this
Can't click an icone after modification by jQuery
Hello, I have a table structure and in a <td> an image, a language flag icone. When one click on this icone, a jqueryUI popup form present some radio buttons with all languages avalaibles. If the ok button is clicked, with ajax the database is updated and the new flag replace the old one. All that works fine. But now, if I click this new flag it is not seen by jQuery. I read in the jQuery documentation that .on() would be the solution to this problem. But I can't understand how to use it. The img
What's the difference !!?
whats the difference in performance or any kinda difference between these two?? 1. function Declare(message){ alert(message); } Declare("Hi 1"); Declare("Hi 2"); 2. function Declare(message){ alert(message); } var declaration1 = new Declare("Hi 1"); var declaration2 = new Declare("Hi 2");
Set accordion to open collapsed
I have been experimenting with some jQuery UI accordion code and was just wondering if someone might be able to tell me how I can modify this script so that the accordion always opens in the collapsed position. Thanks Pedro. http://jsfiddle.net/3djsn95v/
Moving an element on multiple clicks ?
Basically I would like to create a button that moves a div to a place then it stops until I click on it again and it move somewhere else. How do I do that ? This is what I have and it only moves the div once. I want to click a second time and the block goes down. (I'm just trying to move a simple square on a page using a buttin with jquery to learn.) <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").animate({left:'250px'}); }); }); </script>
use callback function in another file
Hello everyone. I wonder if someone could tell me if there is how to use a callback function declared in a file in another javascript file?
Close active panel on navigating backwards
The code below is used to close active panel when navigating backwards in history (browser's back button, data-rel="back", $.mobile.back(), etc.) and cancels navigation. The code works as it should except for one issue that it clears "forward" history. var newUrl; $(window).on("hashchange", function (e) { newUrl = e.originalEvent.newURL; }).on("popstate", function (e) { var direction = e.historyState.direction == "back" ? true : false, activePanel = $(".ui-panel-open").length > 0
Updating URL dynamically , from input field
I have been working on a small part of a FB Graph API project . basically there is this function that does something(thats a really vague discription .. i know lol .. nevermind) . function testAPI() { console.log('Welcome! Fetching your information.... '); FB.api('/me', function(response) { console.log('Successful login for: ' + response.name); document.getElementById('status').innerHTML = 'Thanks for logging in, ' + response.id + '!'; }); //dynamic updation
wdcalendar
I'm suing wdcalendar, and I need to add a field while creating/editing an event on creating it sould do a select *from users and show all users with checkboxlist on edit it shoud show all users but where prsense is = 'y' it should tick the checkbox any change to users should be saved any idea to do this change on the plugin
page transition and add elements in asp.net
Hi, I'm using document.ready on a asp.net masterpage for adding some menu elements (dynamically because it's depend of user group's and via ajax function), it's working well. I would like to use page ajax transition... After reading a lot of post i use pagecreate event. This event it's well firing and run my menu-loader function whitout any error... But nothing it's added in my menu container... If anyone have any ideas.... Thanks at all
Committing a variabel in remodal master
Hello guys, I use the remodal-master tool (jQuery) on a php-page to display some detailed information about a data set which is imported from a mysql-database. The remodal master requires an hash-tag definition in the a-tag like this: <a href="#" rel="#details">details</a> The details are included in this layer. <div id="details" class="simple_overlay"> <?php include("details_vmobject.php"); ?> </div> jQuery-Script for running that. <script> $(document).ready(function() { $("a[rel]").overlay(
Dot or no Dot ?
Sorry to be a pain in the wrong place . But can somebody tell me . $(document).ready(function() { var target = '.bigLink'; var hoverClass = 'hoverBigLink'; $(target).each(function(){ $(this).hover( function(){ $(this).addClass(hoverClass); status=$(this).find('a').attr('href'); }, function(){ $(this).removeClass(hoverClass); status=''; }); $(this).click(function(){
problem with screen size
Hi I have 2 templates. one of them working well with all browsers "swiper5" . the other one not working well with mobile " swiper7" . can you help me please to solve problem. I'll attach both folder. thanks & Regards www.55055032.com/swiper7.zip www.55055032.com/swiper5.zip
help binding button jQuery
hello, I am a novice coder, I can add code to a file if I know where and what to add :) I have a hidden form on one of my pages and I need to make the CTA button act like the submit button on the hidden form. here is what the developer told me to do but it is over my head You can use jQuery to submit the form when your button is clicked, either add the following to your button onclick attribute or wrap it in a click handler ( http://api.jquery.com/click/ ) bound to your button jQuery('#gform_13').submit();
How to create x.doSomething(); ??? :(
in javascript (not jquery); how do i create something like: x.doSomething(); in which x can be any objects
HTML in a Div
I want to load a HTML file within a div, I'm using .load(), the problem is, the HTML file is not loading within the div ?
Problem importin jQuery UI in Symfony 2
I am using Symfony 2 to develop an application and I have imported the jQuery UI in this way: <link href="{{ asset('bundles/javascript/jquery-ui-1.11.1.custom/jquery-ui.css') }}" rel="stylesheet" media="screen"> <script type="text/javascript" src="{{ asset('bundles/javascript/jquery-1.11.1.min.js') }}"></script> <script type="text/javascript" src="{{ asset('bundles/javascript/jquery-ui-1.11.1.custom/external/jquery/jquery.js') }}"></script> <script
Jquery Mobile, iOS 8 PhoneGap issue
All i am not sure if this is a Jquery Mobile issue, or PhoneGap issue but if you create a PhoneGap project and only support Landscape and use Jquery Mobile, then run in the simulator or device with iOS 8 the screen displayed is chopped up into 3 sections. However if you rerun the project and select iOS 7 simulator everything is displayed correctly. I also noticed if you select Portrait and landscape and it comes up portrait it is fine. What is funny is if you keep rotating the screen until you
How to access values of 'this'
Can't seem to work out how to pass values of this around. In the code below 'pData' is passed back from AJAX. In the generated table I click on a displayed 'id' class='disp'. choice=$(this).text() gives the value of 'id'. How can I get the associated data for that record with that 'id'. function showTable(pData) { var table_str=""; var prev=""; var i=0; var last=""; table_str = "<table id='peopleTbl' class='center' border='4' cellspacing='6' cellpadding='4' bgcolor='#fff99d'
Invisible checkmark inside a checkbox
Hi, I'm using 1.4.2. Just trying to use a standard checkbox but check is not visible in the checked state. Any help is appreciated. https://github.com/gary-harpaz/PhonegapJQMAngTemplate.git Thanks, Gary
complete newbie question about fadeIn
Hi i'm trying jquery for the first time and until now it seems to work at 95% :) So i'm doing a simple fadeOut fadeIn , but it seems like one has to be completed before the other is triggered. What i want i simply my image to overlap each other... but they don't, they do fade out, then when the fade out is done they fade in.... how can i do that so they don't display blank before triggering the fade in? my code is this : sliderInt=1; sliderNext=2; $(document).ready(function(){ $("#slider>img#1").fadeIn(1000);
basic jquery script not working
im trying to make a script so that if a user selects a county ie. 'United Kingdom' then it will show Postcode in a input field but form some reason im getting no joy...can anyone give me advise on this please...thank you $(document).ready(function() { var locator = $("#locator"), location_selected = $("#location option:selected").text(); if (location_selected == 'United Kingdom') { locator.val('Postcode'); locator.addClass('locator-pattern');
How are jquery plugins made?
I want to create my own effects function that will manipulate my image in a certain way. There most likely is a plugin out there that can do it but I would like to create my own. How are exisiting plugins made? Do they use animation software? I have seen Adobe Edge but not sure if that will work with jquery. Any comments will be much appreciated, thanks.
Change image on mouseover and mouselick
Hi, I have image like this <img src="~/Content/images/export_menu.png" id="jq-export-menu" alt="" style="float:right"/ and my goal is when I hover the image with the mouse it will change to another image.. and when my mouse leaving the the image it will back to the first image. The idea is like context menu in firefox.. Normal State Hover State Click State The color from the image will be different depends on state it has.. I am trying something like this.. but it doesnt work. $('#jq-export-menu').mouseover(function () {
change to $.submit()
I really think that $.submit() should work in the same way as $("body").on("submit", "id", function(e){ // do stuff }); At the moment $.submit only works when the form is present at the onload moment, but if the form is added later on with some sort of ajax or with a template system such as handlebars, the form is not available with $.submit(); Hope this makes sense as a suggestion. many thanks for listening.
Using .selectmenu() with onchange event and ajax/passing variable
Hey, Presumably due to my amateur abilities I'm having trouble with getting the JQuery UI selectmenu to work with my jquery script for passing a variable from the selected option of the dropdown menu to my php file. It all works fine until I add the $( "#users" ).selectmenu () then the jquery UI works and the passing of the variable and ajax doesn't. I have no doubt that I'm inserting it into my jquery wrong but I have been through the documentation and it does not seem to clear anything up for me.
JQueryMobile -Android Hybrid App : JQueryMobile ajax is not working with https but works with http
We have a hybrid android app based on JQueryMobile [with all JS/CSS/HTML packaged inside APK]. This app is able to fetch json data from server [with RESTful interface] using JQM ajax call [for http url] however when we are trying to do the same thing using https it fails. Another bit is: We have used bouncycastle based certificate to enable TLS [on server] which is working fine with native android calls [using java]. Now we are confused as to why it is working with http however not with https. Any
hyperlink click event handler doesn't working on jquery 1.7.2 on google chrome version 37.0.2062.120 m
hello everyone, i having problem on the new update of google chrome. i have provide a small code you can try it here , here is the code: $(function () { bindHyperlinks($('body')); }); function bindHyperlinks(root) { root.find('a').click(function () { var url = $(this).attr('href'); loadPage(url, function (html) { $('body').append(html); bindHyperlinks(html); }); return false; }); } function loadPage(url, cb) { var frame =
How to increase the size of the Text content?
I have changed the color of input text in onBlur function. I want to increase the entered input size content larger in onBlur function? Its not increase the text size. Is it possible? My jsfiddle http://jsfiddle.net/L8brgc0b/2/
How to resolve this issue?
I have assigned the string date in html 5 input date field on onload. but its not working. My jsfiddle http://jsfiddle.net/zemysckv/1/
How to resolve this issue?
I have assigned the string date in html 5 input date field on onload. but its not working. My jsfiddle http://jsfiddle.net/zemysckv/1/
Insert element at text position of mouse click
Hello, I have a div like this: Copy code <div id="primdiv">Hello World</div> For this Ive bind the following code: Copy code $("#primdiv").bind("contextmenu",function(e){ if(e.which == 3){ ...... }//if return false; }); The if clause gets run when the user clicks with the right mouse button in the Text "Hello World" (= Works fine). Now I want to insert a new element at the position of the click. For example when the user clicks after the o of Hello the new
Cycle2 plugin, timeout per slide
I use the first cycle plugin and want to try out the cycle2 plugin but I can't seem to find how to set the individual timeout per slide ?
How to initialize dynamically added input tag field?
I am using Bootstrap jquery input tag field plugin which works fine on page load.Each input tag element works ok as function has been initialized in document.ready function. Problem occurs when new input tag is added dynamically by appending to the code . If I try to re initialize the function it doubles every other tag input . Is there any way to initialize it again just for the newly added element ?
Next Page