show thumbnail photo in full size with jquery
hi everyone! I am a beginner in jquery. I create a photo gallery with jquery that works like this: my page has two sides for showing photos: left and right. in the left I have some thumbnail photos that when I click on each of them, it appears bigger in right side of the window. but I want to do this: if I click in a single lage size of photo that is in right side, it shows that in a full size in all of the screen with a light background. Is there any one who helps me for fixing that? thank you so
How to toggle html forms within a php loop individually?
I have a php loop that fetches records from the database. <?php $comments=array('comment1','comment2','comment3','comment4','comment5','comment6 ','comment7','comment8','comment9'); $c_count = count($comments); for($i=0; $i<$c_count; $i++){ $comment = $comments[$i]; echo '<button value="Show Reply Form"></button>'; echo '<div class="comment_box">' echo $comment['comment']; echo '<form action="path/to/insert_reply.php" method="POST">'; echo '<textarea name="about" cols="47" rows="4"></textarea>';
Question about jquery versions
Hello, How ca i make jquery-1.10.2.min to works with jquery-1.7.2.min. because i have jquery-1.7.2.min in my template but i use jquery-1.10.2.min for develloping my application
Build Custom Menu with jQuery UI Selectmenu Widget
I read through the api document http://api.jqueryui.com/selectmenu/, but failed to make a custom menu click-able/link to where I want? with using https://wordpress.org/plugins/jquery-ui-widgets/screenshots/ in my plugin setting jQuery(document).ready(function($) { $( "#speed" ).selectmenu( "menuWidget" ); }); in my wordpress text widget setting <select name="speed" id="speed"> <option value="Slower" selected>Slower</option> <option value="Slow">Slow</option> <option value="Medium">Medium</option>
Looking for html5 video lightbox (must work well with iframes)
Hi, as the title suggests i'm looking for a ligthbox that will load html5 video content and most importantly, it must be capable of loading content stored in an iframe into a lightbox in the parent frame . Does this exists? btw i have a working solution that deals with photos in this way but now have the need for html5 video.
"ReferenceError: $ is not defined" bug with Firefox
Hi, i am using jquery for creating highlighted hotspots in a image. The idea consists of highlight some areas of the picture when the mouse is over those areas. The code is as follows (sorry for the plain text; the code shall run in Eclipse Process Framework Composer and this enviroment is not the most confortable for coding). Once generated the .html, it works perfect with IE (i attach a screenshot of the html file opened with IE showing one of the areas highlighted) but with Firefox the web works
paging comboboxes will not displayed in jtable
I have downloaded the jtable demo for ASP.Net MVC and if I start the demo I have mentioned that there the "row count combobox" and the "got to page combobox" will not displayed. I tried to set the option "gotoPageArea" with the value "combobox" but this didn't solve the problem. Later I have mentioned that the demo has not the topical version of the jtable (2.4.0). I replaced the sourcefolder with the topical version but it has no impact. Has anyone an idea how I can show the paging comboboxes?
jquery UI sortable containment question
I want to limit the area of dragging for a sortable list. How can I set containment to be the closest parent with a specified class? I created a jsfiddle page, can someone please help me fix it? http://jsfiddle.net/5exp5/6/
Maximum # of pages allowed in jQuery Mobile?
Hi Friends, I have more than 300 pages for which I am developing a web-app in jqueryMobile. Till 18 pages, It is working but after that page is not getting loaded. I am getting a page of loading continously. Is there any limit of pages in jqueryMobile? Prompt help will be appreciated PFB, Loading screen Regards, Amrish
Anyway to test only for keys that would clear out a text field(backspace, delete) or other such actions.
Hello, I want to exclude regular alphabet characters. I have a function that Im trying to use: $("#TO").on("keydown", ".TO", function(){ var $this = $(this).val(); if ($this == "") { $(this).empty().remove(); } }); Is there a way to say keydown.not(keypress). In other words I want to only remove the element if they do backspace or other such actions to clear out a textfield.
JqGrid issue: Frozen and merging issue in IE9
Hi, I am using JqueryGrid in which first column made frozen true and merge true. Now both frozen and merging values (same values) in a first column are working fine in IE10, IE11 and FF latest versions. when trying to test on IE9 its is not working. In IE9 frozen column is working fine, but merging is not working and same values are coming. This issue found only in IE9 version. Thanks Vivek
Why my Php/Jquery script causes the images to overlap?
I'm using jQuery Infinite Scroll Pagination in conjunction with masonry to position each element in the next open spot in the grid, and within this script i have a (while loop) that fetches records from the database, everything seems to be working properly until i start to scroll down then something goes wrong and causes item elements to overlap showing the images overlapping one another. I tried solutions like Imagesloaded but i had no luck. Kindly check out my code below and tell me what goes wrong.
Remove a tag
Hi, For some reason Wordpress is generating a ul tag inside my ul tag which is totally useless. This is the current code: <ul class="dropdown-menu"> <li class="active dropdown-submenu menu-fleckenbehandlung"><a href="/akorug/1681-2/">Fleckenbehandlung</a> <ul class="dropdown-menu"> <li class="menu-tiefenreinigung"><a href="/akorug/1692-2/">Tiefenreinigung</a></li> <li class="menu-restauration"><a href="/akorug/aus-alt-macht-neu/">Restauration</a></li> <li class="menu-preisliste"><a href="/akorug/preisliste/">Preisliste</a></li>
jQuery UI or jQuery Mobile?
We're currently looking are developing the next iteration of our website. At the moment we only use jquery moderately along with jQuery UI. In terms of the UI, we use easing effects, the slider bar (with a plug-in for touch devices) and accordion. The next version of the site will be responsive and therefore need to cater for desktop, tablet, mobile etc. We also envisage a lot more javascript/jquery involved in the UX. The question is, should we continue to use UI, should we definitely move over
what's wrong with my if .. else code?
Hi I'm trying to get the following code working: $(document).ready(function() { $('.red').hover(function() { $('.yellow, .green').fadeToggle('slow'); }); var bg_colour = $('.yellow').css('background-color') $('.blue').click(function(){ alert($('.yellow').css('background-color')) if(bg_colour=='rgb(255, 255, 0)') { $('.yellow').css('background-color', '#0F0'); $('.green').css('background-color', '#FF0'); } else { $('.yellow').css('background-color', '#FF0'); $('.green').css('background-color',
How to fix IE error in dropdown hide
I'm using IE10 and Jquery 1.11 As known, IE has problems hiding options in dropdown menu.So I've written the following code to overpass the issue. The code runs fine when filtering, but deleting characters, don't show all the options. The code is: function filterDP(element) { var value = $(element).val(); var dropdown = "#dropdown1"; $( dropdown+" > option").each(function() { var optionValue = $(this).val(); if (navigator.appName == 'Microsoft Internet Explorer') { $(dropdown).find('option[value="'
problem with tablesorter, only first row sortable
Hello This is my first time using html and jquery, so my code might be bad. Still, i made a table and I want to sort it, but somehow, only the first row is sortable and I dont know why. Here is my code: <html> <head> <script type="text/javascript" src="http://tablesorter.com/jquery-latest.js"></script> <script type="text/javascript" src="http://tablesorter.com/__jquery.tablesorter.min.js"></script> <script type='text/javascript'> $(document).ready(function() { // call the tablesorter plugin
Issue in jquery left panel in windows phone 8
I have used panel widget ( like hamburger) of jquery mobile. But its not working properly. When I open it , click on any menu item and again click on panel icon (left hand top icon), then it vanishes. Kindly help me out regarding the same
HELP! how to open external links?
Please!!! I have a template with code blocks to external pages open in the same window, limiting at the scroll. How to release, to open an external site link? CODE IS THIS: $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ $('nav a,footer a.up').click(function(e){ // If a link has been clicked, scroll the page to the link's hash target: $.scrollTo( this.hash || 0, 500);
jQuery v1.10.1 compatibily with Internet Explorer 11
Hi, For our application jQueryv1.10.1 has been used. In I E11 compatibility Mode , when testing a functionality instead of alerts nothing happens after few seconds getting the below: This page can’t be displayed Make sure the web address https:// xxxx is correct. Look for the page with your search engine. Refresh the page in a few minutes. Please someone help here Thanks Swetha
How to force print background and color using printThis plugin by jasonday
Hello! I am using the printThis plugin created by jasonday (nice plugin btw) https://github.com/jasonday/printThis/blob/master/printThis.js to print a part of my page. It is working fine except that it doesn't print the background and the color which is in the page (normal). And I want to print the page "As it is". I know that there is a checkbox in the browser print settings that you can check to print those ones. I know that there is not really a way to force the browser to print the background-image
jQuery validation plugin - debug error for button inputs
I have 6 nav buttons, <input type='button' ...>, that are generating validate errors: "has no name assigned" because they have no name. Is it possible tell validate to ignore button inputs? They are generated by a menu library and I really don't want to give them names that have no purpose and I REALLY don't want to start modifying the library.
Div size to be the same as the parent
Hi I have a div, called reccontainer, this has several divs of class rec in, basically a tile type selector for records. I wish to have the onclick of any clicks on class rec to animate the div to fill the reccontainer. I have tried this so far, everything works apart from xNewSize, it seems to move the div when i change the size $(".rec").click( function () { xShift = $(this).position().left - $("#reccontainer").position().left; yShift = $(this).position().top - $("#reccontainer").position().top;
Problem with Validation plugin using ajax
Hi, I have a problem when I submit form first time, everything is ok, and when I try to submit it once more, ajax is not working, and native form submit starting. Here my code js: $(document).ready(function(){ $('#contacts_admin').validate( { rules:{ "phone":{ required:true }, "email":{ required:true, email:true }, "slogan":{ required:true }, "adress":{ required:true }, "adress_bottom":{ required:true }, "worktime":{ required:true }, "map":{ required:true } }, messages:{ "phone":{ required:"Введите
JQM 1.4.3 everything about flip switches does not work for me
To whom it may concern, I'm testing out the flip switch feature of JQM 1.4.3 but for some reason everything I know about them data-wise is not working for me. What I'm testing is on flip switch change, I want to get the current value, but no matter how many times I change the flip switch, the value does not match the state displayed. I'm also trying to toggle the flip switch on a button press. Value wise, it is toggling between on and off but the flip switch does not show the correct state even after
fadein on top of div on mobile using normal jquery.js
Hello, I just started out with jQuery and i encounter a problem when using jQuery normal when looking at the site from a iPhone. When i scroll down, the div thats fadein only shows when passing the bottom of the div. i woould like the div to show when the top is reached. This is my code: <script> $(document).ready(function () { /* Every time the window is scrolled ... */ $(window).scroll( function(){ /* Check the location of each desired element */ $('.box').each( function(i){
(re)set selectmenu programatically
Since afaik the possibility to set the status of selectmenu via 'value' or 'index' is removed, how can i change the index of the selectmenu (eg. after onchange is detected)? thanks chris edit: i managed to do it by refreshing the whole thing $(".selector").selectmenu({change:function(event, ui){$(this).val('').selectmenu('refresh')}});
why animate ?
$('a').click(function(){ $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 1000); return false; }); The script above works perfectly fine , but i have a question about the animate function() , why is it that we are selecting $('html,body') ?? i don't get it . what i understand is that if i write the code as $('a').click(function(){ scrollTop: $( $(this).attr('href') ).offset().top, 1000; return false; }); it will work just fine
JQuery compatibility problem
I created a single page personnel website using JQuery http://ramzi-bk.net84.net/ . During developement i did'nt make attention to cross platform compatibility and used only firefox to test it. Everything when fine until i try it under chrome then under IE to find out the big mistake. Under Chrome i get these error messages: > Uncaught SyntaxError: Unexpected end of input. > Uncaught SyntaxError: Unexpected token < > Uncaught TypeError: undefined is not a function external.js:49
How to separate responsibilities inside the js code?
I have the following implementation, which will render the results of a json in the screen. However, for test purposes, I had to comment the line serviceRequestListTabsController.showActive(); below. Nevertheless, another project makes use exactly of the same implementation, and need to use the showActive() function. Thus, I cannot commit this code, otherwise I will break other people's code. How can I separate it using Spring, Interface, or whatever makes it easier? Thanks. $(document).delegate('.menu
Any way to exclude hidden fields when getting width of column
Hello, Im obtaining the width of columns from a table. There are columns that contain hidden fields along with data. Is there a way that I can just get the width of the string without the hidden data? Thanx
how to eleminate the duplicate values and get the distinct values using jquery
iam developing web aplication, product no product no. x 1 x 1,4,5 y 2 y 2,6 z 3 --------------------------------------------------------->
serializeArray behavior not as expected.
http://jsfiddle.net/Bz4x4/7/ In the above example, I would expect an input field of type 'number' to be extracted as a number, but instead, I'm seeing it is converted to a String. While this is valid JSON format, it results in inaccurate typing of variables which is problematic when this data is then put into JSON (via JSON.stringify) and passed to the back end of an application I'm working on. I tried using jQuery 1.9.1 and 1.11.1 I believe this is a bug, but would be interested in hearing why
Problem with not()
Hi This is a part of my script which will close a popup: $("body:not(#popup)").click(function() { if(popup_zustand == true) { $("#popup").fadeOut("normal"); $("#hintergrund").fadeOut("normal"); popup_zustand = false; } }); You will find the problem on the first line. I want the popup to get closed whenever I click anywhere but not on the popup itself (that means #popup). The way I did, it closes the popup everytime, even when I click on
Opening multiple dialogs from a select box
I can open a dialog when I click on an option in my select box but when i try to open a second one the first one closes. Can't figure out why it is closing. Any help would be appeiciated. Thanks // Builds list of tests in the update dialog function loadTests(testList) { // Ctrates dropdown with list of active reports $(testList).find('test').each(function(index, element) { var id = $(this).find('id').text(); var name = $(this).find('name').text(); console.log(id + ':' + name); <!--
offset question
var p = $( "p:last" ); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); the above code works just fine , but why is it that when i change the last line to p.html("left: " + offset.right + ", top: " + offset.top ); i get the following output left: undefined, top: 52 WHY UNDEFINED , can somebody explain ? Thank u :D
Accept header not working
I have to call for an web service which requires a Accept header and then it returns a json result. I test the service with "Postman" and got the response succesfully.but its not working when trying to do programatically $(document).ready(function () { var xhr = new XMLHttpRequest(); $.ajax({ url: 'http://102.22.169.113:9763/services/charaka_DataService/select_all_configs_operation?config_key=MAX', type: 'GET', dataType: 'json',
Undefined
Hey all, I have a very strange problem that I never encountered and which I cannot solve in any way. I have been using JQuery a lot in the past years and I never encountered the issue which I will be describing. Basically I am seeing that when the page does not load completely (because I would be loading everything asynchronously) and I try to refresh a Page or click an HREF link I get an undefined error. Sometimes I the undefined dialog box is shown once, sometimes more than once. However when I
Failing miserably to read radio value despite previous examples
Folks, I have used the example listed on the api page: http://api.jquery.com/val/ // Get the value from a set of radio buttons $( "input:radio[name=bar]:checked" ).val(); but I don't get a value (I get nothing, not "undefined", not 0, nothing). My html is as follows: Yes<input type="radio" name="ProductExtraActive" id="ProductExtraActiveY" value="Y" checked> No<input type="radio" name="ProductExtraActive" id="ProductExtraActiveN" value="N"> Some of my attempts that have returned empty: $( "input:checked"
jquery 1.9.1 ajax memory leak on ios7.1.2
The following code i run on iPhone5 UIWebView and test by Instruments. The imageData.js contains 1.5M image encoded by base64. $.ajax({ url: "js/imageData.js", dataType: "script", cache:false, success: function(){ $("#tryImg").attr("src","data:"+imageBase64); } }); Finding: 1. When calling the data without cache. The WebCore purgeable data cannot release and memory keep expend while ajax repeat call. 2. When ajax is cached. There is only one WebCore purgeable data copy and no memory expend.
Next Page