How to add ul and li to images div in jquery. Ul to be added for every 5 images
I have the below jquery, it gets the filenames of a folder using a php. When appending these image files to div, i would like to add ul and li to that div. ul needs to be added for every 5 images. var folder = "assets/images/"; $(document).ready(function(){ $("img").click(function(){ $.ajax({ url: "com/php/filelist.php", dataType: "json", success: function (data) { $.each(data, function(i,filename) { $('#subicon').prepend('<img src="'+folder+ filename +'">'); }); } }); }); }); e
Superfish responsive multilevel dropdown menu
Hi, i am working in a web site that has a superfish responsive menu, everything is working just fine, but when the menu turns on dropdown for movile versions. There is a text line "Please choose a page", like a title of the dropdown arrow, an that line is in english, so i need to translate it to spanish "Seleccione una sección" but i can't find where. It seems this line is wroten nowhere, can you help me please???? my web site: http://www.autopartesrm.com/propuestas/3 Thanks
Are there jQuery Mobile Ranking Issues?
I recently rewrote a website using JQM. The Google Analytic sessions are now about half of what they were with the old site. Is anyone aware of ranking issues with JQM? Site URL
.hover and .click, resizing
I don't think i used correctly. I think there are another way to do reload(after resize) and not for the whole page,but just for function. Any Tips? $(document).ready(function(){ if (document.body.clientWidth <= 1400) { $( window ).resize(function() { location.reload(); }); var a=$('.myMenu ul li.has-children > a'); a.click(function() { $(this).parent().siblings().find('ul').slideUp();
Animated sequence using uislider
ive just started learning jquery and im struggling. Im trying to create an offline page that incorporated a uislider that links a series of images (over 200) so when the slider is dragged it creates an animation, this will be a simulated construction build at a given camera view. I would like to have jquery check a local folder if possible and use all images in that folder as apposed to listing them individually. I would also like the position of the slider to be remembered between webpages and
shrink or expand an iframe based on a zoom-button click?
I show Youtube and Vimeo videos on my website, and I want the user to be able to adjust their size by clicking on a zoom/unzoom button. Since both Youtube and Vimeo use 'iframes', it would seem that a jQuery command that modifies the size of iframes might work, assuming the videos resized along with their containing iframe. I looked for commands to do this, and there are entire libraries available on github that resize iframes. The reason given for these libraries is that users resize webpages
Click to href issue
Dear Sir pls refer http://prajaktasoftware.com/sugandhi/project11.php?projectid=33 Pls scroll down to Configuration there are links <nav class="sdb_holder"> <div class="calltoaction opt1"> <ul> <li style="list-style:none;"><img src="images/pr5.png" width="36" height="31" align="absmiddle" /> <a href="projectfloorplan.php?projectid=1" style="padding-left:10px;">First Floor Plan</a></li> <li style="list-style:none;"><img src="images/pr5.png" width="36" height="31" align="absmiddle"
Parallax Audio Scrolling on set positions
Hello, I've been searching for a way to inject some jQuery into my squarespace site so that a certain audio file would play depending on the vertical position the visitor was at. My site is where I post short stories, and the specific reason I would like to use this on my site is I would like background music to play different sections of music as people scroll down to read more. After searching around the internet for a while I ended up finding a similar thread on this site (here), and have essentially
A Problem with jQuery selector inside loop
Hi all, I think the best way to explain this issue is with a fiddle - https://jsfiddle.net/hrnL3wmw/56/ I'm trying to return the result of the calculation into a span tag that is inside a css class which will affect all instances of the loop. I'm not sure if there is a way to put the result of the sum inside the span tag without creating a unique id for each case? I'm not sure if I've explained this well, let me know if you have any questions / can't understand this! Thanks
animate scroll not reason for not working in FF
is $('body , html') and $('body' , 'html') two different things ?? because the below code does't work: $('body' , 'html') .animate({ scrollTop: ($(section_id).offset().top - $('.main-nav').height()) }, { 'duration': 500 }); but the works: $('body , html') .animate({ scrollTop: ($(section_id).offset().top - $('.main-nav').height()) }, { 'duration': 500 });
Change in dialog(?) between Jquery UI 1.10 and 1.11 triggers noneditable textboxes in IE 11
We recently upgraded from 1.10.3 to 1.11.4 and that upgrade apparently triggered an error in IE11. We use JQuery UI dialogs (dynamically generated div including an iframe) to display pages that basically a lot of info as tabular data. We have an asp.net webcontrol tree on the left and an iframe to display a webforms page for the currently edited record In the dialog you can select one record and trigger the loading of the record down on the "normal" page. The dialog gets .destroy -ed and the dynamically
guys, is that anyone know what i need to add in missing part. wanna retrieve data from database
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Image Slider Theme - Jssor Slider, Carousel, Slideshow with Javascript Source Code</title> </head> <body style="font-family:Arial, Verdana;background-color:#fff;"> <!-- Caption Style --> <style> .captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; }
Jquery not working - trying to show / hide div when a button is clicked
Hi, can anyone help. I can't figure out why this isnt working.... I have a div called #overlay that is currently hidden. It covers the whole page and has a form inside. I want to make it visible when a button on the page is clicked. <div id="changingchange"> <div id="overlay"> <div id="form"> <!-- form here --> </div> </div><!--overlay--> <div class="inner"> <div class="page"> <div class="button">Show form</div> </div> </div>
Using jQuery to swap one WP Slider out for another
Hello!! Not sure where this post might live, i've decided to leave it in here in the hope that someone might suggest the correct home for it, or perhaps offer some advice on the question itself. I've got a wordpress build which uses salient (a theme) - this has a slider or image carousel built in to it as an element. I'd like to swap one slide in this slider out for another (which will play a video) on button click. So, a button click in slide 01 will essentially play a video. I'm reasonably certain
Master Detail Page
Hi friends, Is there a way to create a master/detail mobile app using query mobile, where all the data is coming from single external XML file from google docs. Can someone help me please? Thanks Krish
Image binding in resources event in Jquery Full Calendar
How to bind Image in resources block of Jquery Full Calendar Scheduler View? Is this possible?How can we add it? Thanks in advance
Cycle Titles with Flapper
Hi I'm really new to this and clueless. I'm trying to create a split-flap (Flapper) display which will cycle through anything from 5 to 10 titles - I got as far as 2 and that was what somebody else created on here. This is what I have so far... <div class="chained-splitflap"></div> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="js/jquery/jquery.splitflap.js"></script> <script> (function ($) { $(document).ready(function () {
jQuery validation with checkboxes problem with 2 sections
jQuery validation with checkboxes problem. I have a form that has two headings: The issue: Under the "Heading 1", one option must be selected. Under "Heading 2" one option must be selected. <input type="checkbox" id="commjoin" name="commjoin"/> THROUGH <input type="checkbox" id="commjoin11" name="commjoin11"/>is under "Heading 1". Heading 1 checkbox checkbox checkbox checkbox checkbox checkbox <input type="checkbox" id="commjoin12" name="commjoin12"/> THROUGH <input type="checkbox" id="commjoin50"
Using combobox with onchange command
I am unable to use the JavaScript onChange command with comboboxes. The code is on the underlying Select control, but it does not work. If I remove the jQuery that turns the select to the combobox it works. Is there some work around for this? Thanks,
Is ARIA compatible with jQuery events?
Hello, I would like to know if ARIA is compatible with jQuery events? This is above my level of skill and I don't have time to look through documentation. I am trying to get this sub menu accessible. I have tried this code with ARIA, but it is not working. Any pointers? <script type="text/javascript"> jQuery(document).ready(function($) { $('.bbp-admin-links:even').css({position: 'absolute', right: '380px'}); $('.bbp-meta ul.bbp_custom_links_menu li.parent > a').click(function(e) { var options = $(this).closest('.bbp_custom_links_submenu');
how can I select a list from database, using an athor select field in my vue (I send the parameter to the controller in my ajax code)
Hi, I'm biginner in ajax code, How can I use ajax code to select doctors list from database, to print them in my page, using the selected field in other select component(doctors in the selected establishment). I wrote this code, but it doesn't work, because it doesn't accept the data for the controller's parameter method: <script> $("document").ready(function(){ $("#establishment_id").change(function(){
Create an array based on the order of dropped elements
I've been trying to resolve this for several hours and have failed miserably. I understand the basic concept of creating an array based on say, getting the id's from a set of div's, using var myArray = $('#menu > div').map(function() { return this.id }); $('button').click(function() { console.log(myArray.get().join(', ')); }); jsfiddle but I can't for the life of me figure out how to create an array from some ui.draggables. In the sample I would need to return an array that matched the order
error message
i just typed my first jquery program like this. $(document).ready(function() { $('span.pq').each(function() { var quote = $(this).clone(); quote.removeClass('pq'); quote.addClass('pullquote'); $(this).before(quote); });//end each });//end ready in an html file that is attached to a jquery file, but unfortunately my browser provide an error massege like this. Untitled-2.htm:10 Uncaught ReferenceError: $ is not defined. can anybody here help me with that? thanks
Form - Get Data with Ajax
Hello, i have a form with a lot of input fields. I want to solve this: An employee write his personal number in the input field. After he writes his number, the other fields would be filled with the personal data. Is this possible with jquery? Any Hints for me?
Array Comparison
How can I compare two arrays and extract the indexes for all the differences? Using: var diff = $(correctAnswer).not(userAnswer).get(); will only give me the values that appear in 'correctAnswer', which don't appear in 'userAnswer' (i.e. 2 and 8). What I want to be able to do is to compare the arrays in order and then extract the index numbers for any differences, so e.g., in this sample it would be: index 1 (the correct answer is 2, the user answer is 3) index 2 (the correct answer is 3, the user
placeholder large text
hi all, I am using a list with searchbar as below inside ul ... li tag data-filter="true" data-inset="true" data-filter-placeholder="Search Help" in some cases the text is longer than length of the search bar text length, in that case the text gets ellipsis is there a way to show full text may be in a marquee ?
audio fading in and out on scroll position
hi... i am stuck on something that is sooo near to working as i want it to... i have a page that plays audio as you scroll from one div to another - the audio fades in / fades out depending on scoll position. it's working fine. but.... i want each sound to play only once - not looping to the start of the sound as it is at the moment. i've tried a few things but to no avail - it just keeps looping :-( i found and am using this script/code via https://forum.jquery.com/topic/j… this is the full code:
Vertical Scroll in Reverse order
Dear Sir/Madam Find below link to view the script for vertical scroll http://www.prajaktasoftware.com/amogh/jQuery-Plugin-For-Infinite-Any-Content-Scroller-scrollForever/index.html I want this scroll in reverse order or suggest me another script for the same so that i can even change and reverse the order of scroll example http://www.prajaktasoftware.com/amogh/aboutus.php this scrolls the data in order I wamnt however being simple marquee,, it is not continuous. I am using following website for
Loop Check ?
Correct me if this is wrong way to write a condition ? { $("body").addClass("");} else { $("body").removeClass(""); } };
For loop to simplify code
I'm trying to work out how I can write this code more efficiently. I'm thinking it should be possible to 'wrap' it in a 'for loop', but I can figure out how to assign each iteration ( i = 9 to i = 12) to the 'multiplier' and then to get the related code to apply to the relevant iteration? for(i = 9; i < 13; i++) if(multiplier == 9) { middleArray.pop(); middleArray.push('0'); } if(multiplier == 10) { for(i = 1; i < 3; i++) { middleArray.pop(); } middleArray.push('1',
jQuery properties that mimic DOM properties
One of the most common errors I see among new jQuery programmers is trying to access or assign DOM properties on jQuery objects. For instance, today on StackOverflow I saw this: $('input', this).checked = true; Except in the cases where the DOM property has the same name as a jQuery method, it seems like it should be possible to implement this using Javascript getters and setters.
JQUery Mobile Popups - multiple popups on one page
I am trying in include several popups on the same page. Each popup has a separate id but only the first one displays. I have very little knowledge of javascript, therefore, I am coding the popups directly into the html. A single popup displays perfectly but what should I do to achieve multiple popups? Many thanks
How to style a text box
Hi, I am using Jquery Smoothness Theme and want to style the text button as per the theme. But I did not find any thing related to styling the text box. Can you please help me how to style the text box according to the smoothness theme. Thanks Nitesh
Arrange the li based on the custom postion
Hi, I am using sortable plugin to reorder the list (http://jqueryui.com/sortable/) Now, i need to get the position of the all the li, save it into the db. Also when the user logs-in again the order of li should be fetched from db and based on the same order the list should be displayed. Thanks in Advance.
Trigger event when all dragable divs have been dropped
Is there any way to trigger an event once all dragable divs have actually been dropped. In the sample there is a button set to 'display: none'. What I would like to happen is, when the three red divs have been dropped into their green droppable divs for the button to 'show/fade in'. jsfiddle Many thanks
how can I write a register jquery function to do the registration, and the login functions in two différent functions.
I have a laravel vue containing 3 forms, and I must do register or login in the page to pass to the next page. can you help me t write the onsumbit juery code function ? here is the view's code: @extends('layouts.layout') @section('chercher') @stop @section('apropos') <section> <div class="fea_block container-fluid" id="help"> <div class="fixed_w promka"> <div class="row"> <center> <h2> <font color="#00BFFF"> 4 étapes
Need help in fetching the data from an object .
var a = { "id": "0001", "type": "donut", "name": "Cake", "ppu": 0.55, "batters": { "batter": [ { "id": "1001", "type": "Regular" }, { "id": "1002", "type": "Chocolate" }, { "id": "1003", "type": "Blueberry" }, { "id": "1004", "type": "Devil's Food" } ] }, "topping": [ { "id": "5001", "type": "None" }, { "id": "5002", "type": "Glazed" }, { "id": "5005", "type": "Sugar" }, { "id": "5007", "type": "Powdered Sugar" }, { "id": "5006", "type": "Chocolate with Sprinkles" }, { "id": "5003", "type": "Chocolate"
How can i learn JavaScript?
Hi, i am chandra shekar, UI designer and developer, i not good in JavaScript, can any once help me? And what is the best way to learn java script? what is the easy way to learn JavaScript?
how can I verify a radio checked value
Hello, I have a plateform that requiert to ask the patient if he is subscribed in my database, so one of the forms is showed (to login or subscribe) Can you help me to correct the jequery function : <script> $(document).ready(function() { $("use2").on("click", function () { if ($('input[id=use2]').is(':checked')) { $("#login").show(); } else { $("#login").hide(); } }) $("use1").on("click", function ()
Insert cursor on click of a button
Hello, The code below puts the Reply form and Topic form for BBPress in a slide out. I would like the cursor to be automatically inserted on these conditions. User clicks Create Topic button, slide out opens, cursor is inserted in the Title field. User clicks Reply, slide out opens, cursor is inserted in to Reply field/textarea. Can you please help me modify my code so it does this? Code in functions.php of my WordPress theme: /*Add reply form slide out on BBPress*/
function show_form_on_click()
Next Page