Help - jQuery Image Gallery
Hi Everyone, Im new in this Forum,Im looking for information, must to be easy for all, but for me is new, it's about Image Gallery, i have been looking around, but nothing looks similar. just something like this example After i click an image must be show something like this forward and back signs. somebody know something? i will appreciate. Thanks in advanced! Cheers!
Forcing a page refresh - like NO-CACHE
Hi all, So, I have a legacy older site that I have converted to html5 and jquery. when using links from page1.html to page2.html like: <a rel="external" href="page2.html">page2</a> on some pages like page2.html I NEED to make sure to have NO CACHE happening. Problem: nothing this newbie does will force a page refresh for Page2.html I have tried: <meta http-equiv=”Pragma” content=”no-cache”> <meta http-equiv=”Expires” content=”-1″> <meta http-equiv=”CACHE-CONTROL” content=”NO-CACHE”> But they don't
binding inside a loop
hello - i currently have this code: jQuery('div.One').bind('click', function() { myFunction(1); }); jQuery('div.Two').bind('click', function() { myFunction(2); }); jQuery('div.Three').bind('click', function() { myFunction(3); }); this works great, as does this method (probably the same thing) jQuery('div.One').click(function() { myFunction(1); }); jQuery('div.Two').click(function() { myFunction(2); }); i am currently trying to put these values into a object and loop through it like
Multiple select Dropdown with Checkboxes and Submit button inside Dropdown?
Hello, Are there any way to set Checkboxes and Submit button into Dropdown? User could select multiple items clicking Checkboxes in Dropdown and when finished selecting then accept them by pressing a Push Button inside the Dropdown. Selected items would then appear into closed Dropdown. Is there this kind of functionality in any jQuery UI's Dropdowns or are there any other Plugin that could implement this? I tried to discover how to implement it but didn't succeeded. Picture below should clarify
question about ThemeRoller
Hello, I'm experimenting with ThemeRoller. I'm playing around with themes for my jquery dialog. Everything seems to work OK, except for the close button in the top right corner. Here's what ThemeRoller's dialog looks like with my themes: I know it's pretty ugly, but that's OK. I'm just experimenting. The thing to notice is the X in the top right corner. It looks appropriate. Now look at mine: The close button seems to appear as literally a button with the word "Close" in it, and it seems to be floating
Uncaught SyntaxError: Unexpected token <
I am getting Uncaught SyntaxError: Unexpected token < error.can any one help me to find what is wrong with below code function SearchbyAttribute(filter) { $.ajax({ url: "http://192.168.1.137:8080/geoserver/school/wms", type: 'GET', contentType: "application/jsonp; charset=utf-8", dataType: 'jsonp', jsonpCallback: "parseResponse", data: { typeName: "typename=school:school", outputFormat: "text/javascript", service:
Jquery Image Uploader and generate thumbnail Which Supports IE 9 browser
We have Web Applications , where most of our clients are using browser IE only. We are trying the functionality of Image Uploading and Thumbnail generation in Jquery only. It is found that in IE 9 it does not works fine, unable to read file attribute. please let us know how to deal with this issue.
Get function work for new loaded elements
Hello, I am in front of a problem. I know this was discussed in this forum already but this didn't really help me. I am loading content with $.ajax and I am receiving a bunch of elements. ( In this case "posts" ). Now I wanted to work on and make the like / share function work but the elements don't react to the click. I already tried the .on() thing out. Either I did it wrong or it just does not work. I hope you can help me. // Load content var first_post; var last_post; $(document).ready(function(){
problem using jQuery drag and drop
am trying to create a timetable where only courses can be dropped to the timetable. This is jQuery code var counts = [0]; var resizeOpts = { handles: "all" ,autoHide:true }; $(".pick").draggable({ helper: "clone", //Create counter start: function() { counts[0]++; } }); $(".tb table").droppable({ drop: function(e, ui){ //alert("hi"); if(ui.draggable.hasClass("pick"))
Jquery 1.7.1 in IE8
I'm using jquery 1.7.1 on my web, i tried to use ajax to get a HTML page, and then use 'find' method to retrieve some div from response data. All work fine except IE8, i attached the debug screenshot, please help me.
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'accordion'
@Scripts.Render("~/bundles/jquery") <link href="~/Content/themes/base/accordion.css" rel="stylesheet" /> <script src="~/Scripts/jquery-2.1.4.js"></script> <script src="~/Scripts/jquery-ui-1.11.4.js"></script> <script type="text/javascript"> $(document).ready(function () { debugger $("#divmain").accordion(); }); </script>
looking for tutorial on styling jquery dialogs
Hello, I'm looking for a good tutorial on how to style jquery dialogs. If anyone can direct me to some, it would be greatly appreciated. Thanks
Tinymce in every modal bootsrap only working in the first modal
Hello, merry Christmass hope not to late lah to say, well quick question here is demo My goal is make all tinmyce should work in every modal, in my demo only first modal working fine but another modal not working, already googling i use jquery to detect modal open or shown then put configuration tinymce inside it, the script bellow here //first modal $('#myModal').on('shown.bs.modal', function(event) { //here is configuration tinymce }) Thanks for any respond, Best Regards Freddy Sidauruk
Canvas draw
I'm in the sign business and need a canvas script where a user can layout the sign that he want to order, the user must be able to drag and drop or upload cliparts and pictures on the canvas must also be able to type text on the canvas if possible Joomla 3 compatible
Understanding the function/object nature of jQuery and how it returns an object
I understand that in JavaScript all functions are objects which is why we can both call jQuery with arguments $() while also being able to access methods with dot notation. What I am less sure about is how, when we pass in css selectors into the jQuery function, it instantly returns a jQuery object. I am looking through the (old) annotated source code (which i realise has changed significantly - but i just want to understand the very basics of what jQuery is doing). This is the part of the annotated
Sorting array and inserting value at specific location
Hi, I have an array of 8 values all containing different numbers, https://jsfiddle.net/a4poster/9y45rg7x/2/ I want to be able to insert the value of the array at the zero index into its proper chronological order. However the way I am trying this leaves me with zeros at the start. I have explained what I am looking for in the comments within the code. Thanks in advance. PS, I have quickly put the example in Javascript but JQuery would be preferable.
Doesn't Retrieve the Value of Uploaded File Using Parameter
Goal: I would like to have the second input name "file2" to be uploaded automatically to the actionresult with support of the jquery code using the latest version of FF, CHrome and IE. Problem: It doesn't work because HttpPostedFileBase file2 is null. it is supposed to be contain any value based on uploaded file with support of jquery. Info: *It would be great that it would be working for IE, Chrome and FF. *There is a purpose why I'm asking about this unusual approach. *The sourcecode of jquery
align vertical center
Dear Sir refer following page http://prajaktasoftware.com/igs/photogalleryimage.php?photogalleryid=148 the image frame / border is of equal height. thanks to jquery (jquery is given below) <script type="text/javascript"> $(document).ready(function() { var maxHeight=0; $('.imgholder').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); $(this).css('vertical-align','baseline'); }).height(maxHeight); var maxHeight=0; $('.imagename').each(function() { maxHeight =
How can I serialize form with ajaxForm() function
I use malsup jquery form plugin for my upload processes. But, I have an upload input with more standart html inputs. (http://jquery.malsup.com/form/#getting-started) jQuery form plugin working properly for standart form post processes. I want to use form serialize method with ajaxForm() or ajaxSubmit() function. $(document).on("submit","#newcandidate", function() { var options = { url: 'index.php', beforeSend: function() {}, beforeSubmit: function(arr, $form, options) { alert(JSON.stringify(arr));
Smartly upon installing wp 4.4 my autocompete stopped working.. and says not found immediately..
I have been pulling my hair out for weeks trying to find out what has gone wrong with my autocomplete search form for real estate..IT does the same on every site that has been upgraded to version 4.4 you can see a pre 4.4 here that works fine.. http://foreclosure-city.info its in the right hand side and you can type Ne for Newport and it quickly finds what is available.. and works just fine.. however when I upgraded to wp 4.4 on any site it totally stops working.. you can see a 4.4 version here..
Trouble with autocomplete
Im trying to get the value of an date input to use it with a php function which return a result that depend of the date entrend any Ideas <script type="text/javascript"> $(function(){ $("#Salle").on('input', function() { $("#Salle").autocomplete({source: 'conf/salle_auto.php?key='+$("#Salle").val()+ '&Datee=' + $("#Date_de_Soutenance").val() }); }); }); </script> <label>Date</label> <input type="date" class="typeahead tt-query"
Why return value of jQuery function is like array
Hey all... i have a question. i knew that jQuery is object. But if you use write this on your console or firebug (example) jQuery("body") the result is like this Object [body] according Object { 0: body, (othetr properties...)} why ??
Forming a JSON of Elements Contained in Sortable
I have a sortable that contains several elements (div's, with unique id's). Inside those div's, I have an image, a few buttons and a few text labels. What I would like to do is collect some data from those elements into a JSON. For instance, the "name" attribute can be assigned the id property from the parent div. I am also interested in the position of that div within sortable. Hence, an attribute called "position" can probably refer to that. After that, I would need to know the "value" attribute
JQuery AJAX Call Error
Greetings, I have an AJAX piece that is being sent to a PHP file. Below is the code for it. For some reason, I get the following error: allery.js:31 failed to send AJAX POST gallery.js:32 200 gallery.js:33 SyntaxError: Unexpected token U(…) gallery.js:34 User What am I doing wrong? On another note, how do I send a JS array over to PHP side and then parse it? Is it possible to send an array of arrays? Here is the snippet: $.ajax({ type: "POST", url: "write_db.php", cache: false, //contentType: false,
How to find the closest element using jquery
1) initially i have a row if the user click save & next button it will say you have 3 fields missing 2) if the user click the addmore button and he did not type any value in the text field then he click the save and next button it should still say 3 fields missing 3) if the user type any one of the field in the cloned row then he click the save and next button validation should happen with my code first two points are working but the problem is if the user click some more rows and he type in any
learning project: order list please help
Hi there, My name is Remco and I just finished reading my first book on JavaScript and jQuery. I’m trying to put my new knowledge to direct action in the shape of an dynamic order list. To put my intention to the test I created a simple table where every tr contains 4 td's; product picture, product description, product price and finally a checkbox which allows the user to add the specific product to his/her order list. Hope you guys won’t be too hard on me, keep in mind that this is the first piece
selector and any child
i though this would be a lot easier but for some reason i'm having problems to get my dragenter to work with .upload-container > child but it works with selector on it's own fine. i've also tried :child how can i please trigger an event on selector and any child please? $('.upload-container > child').on({ dragenter: function(e) { var dt = e.originalEvent.dataTransfer; if(dt.types != null && (dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.contains('application/x-moz-file')))
Set equal height for programatically populated data
Dear Sir i am using following script to align certain part of website which is programatically (CMS) poulated or generated $('.typeofloandetail').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }).height(maxHeight); } This script is running really good and resizes / equalise the height of elements for class typeofloandetail However when, i populate the very same data again using Jquery I am using following jQuery for this purpose var url= "typeofloandivfill.php" data
Trouble with autocomplete
I'm Having trouble with Jquery autocomplete, I need to pass many variables to a php function, I need to get the value on an input Salle but it doesn't seem to work. Any ideas. $(document).ready(function(){ $('input.typeahead3').typeahead({ name: 'President', remote:'conf/Jury_auto.php?key=%QUERY&Projet=' + $('#Salle').val() , limit : 10 }); });
dynamically create images only if they exist in the server
hi i want to append dynamically <img> elements only if they exist in the server, this is what i tried to do : https://jsfiddle.net/85thcjfr/ what i expected is to get something like this : <ul> <li><img src'=.../a/1.jpg'></li> . . . <li><img src'=.../a/7.jpg'></li> <ul> <ul> <li><img src'=.../b/1.jpg'></li> . . . <li><img src'=.../b/3.jpg'></li> <ul> thanks a lot for helping
Get the parent's sibling's text of menu with JQuery
Hi, I have a html like this. <ul> <li><a href="">Home</a></li> <li><a href="#">Women fashion</a> <ul> <li><a href="#">Women Pants</a> <ul> <li><a href="#">Women jeans</a></li> <li><a href="#">Women Breeches</a></li> <li><a href="#">Women trousers</a></li> <li><a href="#">Women shorts</a></li> </ul></li> <li><a href="#">Women blouse</a></li> <li><a href="#">Dress-Skirt</a></li> </ul></li> <li><a href="">Computer</a> <ul> <li><a href="#">Laptop</a></li> <li><a href="#">Desktop</a></li> <li><a href="#">Monitor</a></li>
error loading the page
Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///G:/jqm/jQ/index.html' cannot be created in a document with origin 'null'. what does this mean?
Jquery Mobile popup reloads the page after updating the same page from controller.
Hello Guys, I am working jquery mobile spring frame work. Problem is with the popup, When I call controller from the popup it returns the same page and updates the content. After updating from the controller When I click on popup it reloads the same page and popup won't fire. Can any one help me to fix this issue?? Thanks.
Change images in div having same class
Dear Sir have black button (JPG or image format) which is used many times on website (image name read.jpg) I had embed this image in DIV class 'readme' <div class='readme'><img src="read.jpg" width="62" height="71" border=0></div> which I want to change to (Image name reade.jpg) which is also in (JPG or image format) I have following link links that decides change if image <ul> <li><a class="language <?php echo ($language_name=='marathi')?'active':'';?>" href="#" id='marathi'>Marathi</a></li>
Display image in div , in case its height is more than width (portrait), show mid part of image
Dear Sir pls refer http://prajaktasoftware.com/advent/productlist.php?productid=173 all images in landscape (height less than width) like http://prajaktasoftware.com/advent/productimagesimages/bigw2111mini-4%20.B-02%20-%20ECONOMY%20SWING%20ONLY%20SEAT%20WITH%20SUNBRELLA%20CLOTH.jpg are properly aligned however the images in portrait (height more than width) like http://prajaktasoftware.com/advent/productimagesimages/bigw2109mini-2.%20A%20-%2001%20-%202%20SIDED%20SWING%20WITH%20SUNBRELLA%20CLOTH.jpg
select one and deselect another checkbox
I would like that my code deselect currect (selected) checkbox if another one is selected. Currect code allows multiple selected checkboxes. Here is the code: http://pastebin.com/2f2NrrFr Thanks for hints/answers.
can't create dialog
Hello, I'm trying to create a jquery dialog but it's not working. I'm hoping someone can tell me what I'm doing wrong. Here is my code: <html> <head> <link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/jquery-ui.css"/> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code/jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script> </head> <body> <div id="HelloDiv"> Hello </div> <script> $(document).ready(function()
autocomplate just open, not work
Hi. Before, sorry my english not enought. I make this but just open list not a decompose.Is why? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>autocomplete demo</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> </head> <body> <label for="autocomplete">Select a programming language: </label>
convert theme's jquery mobile android to ios
Hello i want to know if is possible convert a theme's android (jpholo) to ios' theme.
Chrome Extensions: Uncaught Error: Syntax error, unrecognized expression: a[href^=file://]
Hi there, I have the following code for the chrome extension: But I got the following error. Does anybody knows what is the problem with this expression? Code var flag = 'Chrome_LocalLinks_extension_was_already_injected_in_this_document'; if (!document[flag]) $('a[href^=file://]'). live('mousedown', handleMousedownOnLink). live('mouseout', handleMouseoutOnLink). live('mouseup', handleMouseupOnLink). live('click', handleClickOnLink) document[flag] = true; } Error In chrome
Next Page