Newbie problem with simple toggle effect
hi, this is my first post as i am pretty new to jquery and trying out some simple stuff my goal is to make a simple toggle effect to show a list of comments, but my code does not work anymore after i changed the html structure $(document).ready(function() { $(".togglebox").hide('fast'); $(".toggle-nav").click(function() { //$(".togglebox").toggle(); //$(this).next('ul').toggle(); $(this).nextAll('ul').toggle(); }); }) first i used a div structure in
Multi filtering
hello i`m new to this site, I like to make web page with multi filtering choice and i found on web site http://www.stairking.com.au/Product-Listing/balustrading and I try to copy paste this site to learn how to make something similar but when I choose some filter then nothing happens where is the problem, my test site can be found on this page: http://www.marana.hr/testing/ when I click some menu choice like link capping then web page direct me to http://www.marana.hr/testing/#p=1&s=10&cfilter=52
How to validate content page on button click in asp.net using jquery client side?
Please help me? How to validate content page on button click in asp.net using jquery client side?
Can I use scriptlets inside the success callback of $.ajax() ?
Hi, I am migrating an existing web application, that uses JSPs, javascript and scriptlets heavily, to use JQuery to ajaxify certain form.submits. The application mainly has search page (with search results in a table), then upon clicking any record, it navigates to view record page and from there modify record page, etc., so here we are trying to bring the view and modify record pages in separate dialogs so that the user still remains in the search results page. In the existing view and modify pages,
controlgroup full width?
Upgrading to 1.2.0 breaks controlgroup. I want this example ( http://jsfiddle.net/pAuqm/1/ ) to work in 1.2.0 with 1.8.2 Alternatively, inset navbar with rounded corners. Any ideas? Thanks, ///johan
FadeTo problem
My codes below is to fade in .portfolio image when the page load but with opacity of 0.8, but when I add a hover effect on each of the image, the opacity will not reset to 1 even when I have opacity set to 1.0..... and when hover out the image look lighter. How do you overcome this? $(".portfolio").hide(); $(".portfolio").fadeTo(1000, 0.8); $(".portfolio a").hover( function(){ $(this).children("img").animate({ opacity: 1.0 }, "fast"); }, function(){ $(this).children("img").animate({ opacity: 0.8
Load the page from cache or any other logic for quick load.
Hi All, I have to created a application, like Text Book, i have used for navigation button for back and forward for next and previous. need to implement the pagination for the same. How i load the already seen the page from cache or any other logic for quick load. regards, Jaya.
jQuery slideToggle doesn't animate
Hello, I've been using jQuery slideToggle for a project but it doesn't animate(slideDown/slideUp). It just shows/hides the element. I've tried setting a width to the element, using display:none; on the elements and hide the elements with .hide() Thanks in advance!
jQuery Datepicker to Disable a Specific Date AND the previous day
Hello Forum, Based on the posts I've found online, I have coded a BeforeShowDay function that disables specific dates I've added to an array. This is working fine. My next step is to modify the function so that the Datepicker automatically disables the next day of any date found in the array. For example, if October 22 needs to be disabled (e.g. the lodge is fully booked that day), I need the Datepicker to automatically disable October 21 as well (as visitors are trying to book a 2-night visit, and
Newbie variable question
Howdy all, I'm a self confessed newbie to jQuery and the world of javascript and for the life of me I can't find why I keep getting a 'Cannot assign to a function result' error. Basically, I have 2 <a> tags that act like buttons with a <span> tag between them that displays a number. When the user clicks on the right arrow I want the number that is displayed in the <span> tag to increment by one, and when they click on the right arrow I want it go back one number. Sounds simple enough, but apparently
How to set target for scrollTop and scrollLeft
Hello. I am able to get the page to scroll using something like this $("html:not(:animated),body:not(:animated)").animate({ scrollTop: rw_X, scrollLeft: rw_Y},2000); I was hoping to be able to target the animate element by using something like this document.bodyIs this not possible? What are some targets that allow you to scroll the page (the position of the scroll bars)? Thanks FA
jcrawl.com: html scrapper as a javascript library
Hi, This is not really a plugin, so I am sorry for posting it here. Anyway this was the closest forum I found. I created a javascript library and web app based on jQuery for programmers and non programmers to be able to scrappe html data that is not exposed through RSS or webservices. My goal was to create an app to create the scrapping services that was as simple and visual as possible. Also that it could be used relying as least as possible on the server side. Therefore everything except for
Datepicker Question
Hello All, I was wondering how it would be possible to disable the next monday, when the day now is a friday. I can disable every monday, but I only want to disable one, when the day is friday and only the first monday, not every monday. I was using this, I am getting in the if loop, but it's not returning anything. minDate: new Date(y,m,fridayNotMonday), function fridayNotMonday() { var vdate = new Date(); var vday = vdate.getDay(); var vm = vdate.getMonth(), vd = vdate.getDate(), vy = vdate.getFullYear();
How to write correctly this variable, please
How to write correctly this variable, please: line 3 var $botonesComprar = $('.presup,.comprar_prod,.enviar_form'); var $botonesRegistros = $('#registro,#ingreso'); var $botonesSlider = $botonesComprar,$botonesRegistros ??????????????????? That is: var $botonesSlider = $('.presup,.comprar_prod,.enviar_form,#registro,#ingreso'); MIKEPIANIST
I need you help!
hello, i want to count of three div and wrap to <li> main: <div>title-1</div> <div>image-1</div> <div>content-1</div> <div>title-2</div> <div>image-2</div> <div>content-2</div> change to: <li> <div>title-1</div> <div>image-1</div> <div>content-1</div> </li> <li> <div>title-2</div> <div>image-2</div> <div>content-2</div> </li>
How to structure jquery code for a big website?
Hello; In a website with 100+ pages, let's say each page has its own class, id and jquery needed to function. I believe all javascripts shoulb be added in head like <script src="/docs/js/jquery-ui-1.8.10.custom.js"></script>Now how do we assign each piece of jquery to each page that requires it? For example if page A uses functions A,B, and C, and page B doesnt, how do we include them ONLY in page A without getting the site messy? Thanks
jquery plugin
Hi. I have a question regarding the plugin available for jquery. Can some one explain me about the purpose of jquery injector . Is there any such plug in available for internet explorer and firefox as such???
single image load onclick thumbnail
I have a PHP gallery script and am implementing a jquery thumbnail slider - so far so easy. What I would like is to have the main image load with some kind of transition on clicking the thumbnail. There are a wonderful selection of gallery scripts but they all seem to load ALL the main images. Each of my albums has say 60 images - of which the user may want to view only 5 or 6. 50 times 50-100kb = slow. I suspect it is not so difficult but I am not sure where to start. thanks
How to create a Balance script?
I'm trying to do something very similar to this game.http://i301.photobucket.com/albums/nn42/playonlineflashgame/HomeRun.swf Although it's not a game, it's just a simple "balance" thing i'm trying to apply according to the movement of the cursor. Same idea as the link i've provided up there where the guy starting swaying left and right according to where your cursor is. I guess i'm not good with the physics/math to get the same effect as the game, so if anyone every build or done anything like that
New Widget
Hi, I started to develop a maskedit widget for jQuery. How can I apply this to be included in jQuery package and be tested. Thanks and more power.
Masonary Image load problem
I load the masonary in my page. but loads only after All images Load. Images load Down Down. Once all Images loaded the masonry Works my page is contained of 200+ images please help me $(window).load(function() { $('#mainmason').masonry({ itemSelector: '.rows', isFitWidth: true, isResizable:true }); });
Access html content loaded with jQuery's load() function
Hello, I'm a bit confused by how jQuery ajax works. I'm trying to create a customer management system (CMS) with jQuery and php. I want to give the user the opportunity to create a car. Let's say he must define a "car name" and check some options in a checkbox list. At the same page i give the user the opportunity to add or delete some options. This adding and deleting happens with jQuery and ajax. When a user add an option, i call a php page (addOption.php) that processes the option and add's it
Jquery slider. Visibility neighboring image
Hello. Tell ve please how remake this slider that user to see neighboring image. Original Demo My Variant I change width of image and width of container, that`s why image a little visible, but now image in slider shift.
Collapsible menu in the header (mobile web development)
Relative newbie at work here, so keep that in mind please. I am wondering how I would go about implementing the collapsible menu in the header at work in the following website: http://www.fcbarcelona.mobi/?lang=en# As you can see, the menu collapses below the header when clicked/touched on a mobile device. Is there alternative way the menu could drop down? Is this considered a good feature to have on a mobile website and if no, what are the better/most popular alternatives? I am working with Dreamweaver
center div vertically
Hi Guys, I am new to JQuery. Just started working with it last night. I need help. I need to center a div vertically, and I can't figure out how to do that. I am trying to get the height of the image dynamically, but when I use console.log() to view the value it always returns a value of 0. How do I fix this issue? I have inserted the code below: $(function(){ var ScreenHeight = $(window).height(); var ImageHeight = $('#bkgImages').height(); var ImageMove = (ScreenHeight-ImageHeight)/2 $('#wrapper').slideDown(500);
Help, who is ready for a challenge?
Hi to all Jquery 'Gurus', Here the thing .... <head> <title>Talking the talk</title> <meta charset="utf-8" /> <link rel="shortcut icon" href="css/images/favicon.ico" /> <link rel="stylesheet" href="../css/base.css" type="text/css" media="all" /> <link rel="stylesheet" href="../css/blue.css" type="text/css" media="all" /> <link rel="stylesheet" href="../styles-unique.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../css/prettyCheckboxes.css" type="text/css" media="all"
Newbie Cycle problem
I'm trying to figure out how to modify:http://jquery.malsup.com/cycle/ . Do I add the : $('#s1').cycle({ fx: 'zoom', easing: 'easeInBounce', delay: -4000 }); somewhere or do I modify the script somewhere? Also it says that I can modify the slide show by a metatag?
How to show all images from database by search query in a table one by one (Horizontally).?
Hi friends, I have images stored in database and in a folder and i want to show these images in Horizontal format one by one from a search query. I am able to show vertical format,But i am not able to figure out how to do this if any of you have any idea then pls help me out. thanks
playlist: switching audio tracks
I have several events which successfully replace the "src" attribute of my <source> tags in my parent <audio> tag. The problem I am having is that even though the new audio file has been changed, the old one still plays. I suspect there is more to this than simply doing $( 'source' ).attr( 'src', 'new_audio_file' ) I can post whatever code is needed if anyone is interested in helping me, but if there is just some method I can call that I am unaware of, then that might do the trick. The site in question
jQuery SVG: drag shapes & prevent overlap?
I've been using the SVG plugin from Keith Wood, which is awesome. I struggled with trying to implement raphael and other libraries until I found SVG and it's working very well. What I need now though is to make the drawn shapes (rectangles only) draggable. Also, I need to be able to prevent the user from drawing objects that overlap. Any ideas would be very much appreciated. Below is my code. It's mostly the standard SVG code for drawing rectangles, however, I've set it to snap to a 10x10 grid inside
Issue with attr()
I am having an issue with the attr() function not functioning correctly. I have the following html code: <ul data-role="listview" data-inset="true" id="searches"> <li class="swipe"> <a href="index.php?name=value" class="search" id="search1"> Example Search #1 </a><a href="#companySearch" class="editSearch" data-transition="slideup" data-icon="gear"></a> </li> <li class="swipe"> <a href="index.php?name=value" class="search" id="search2"> Example Search #2 </a><a
Jquery manipulation with previously jquery loaded data
Hello, how to do if I load some data with jQuery and again handle this data again with jquery? It is possible? Here is my example: ... ... <body> <h1>Test jQuery</h1> //jscript start// $(function(){ $("#img1").click(function(){ $("#img1").hide(); $("#target").replaceWith('<p id="target2">Hello</p>'+'<img id="test2" src="cross.png" alt="cross.png, 655B" title="Cross" border="0" height="16" width="16">'); }); $("#test2").click(function(){ alert("OK"); }); }); //jscript end// <img id="img1" src="cross.png"
How Can I work with form and ajax without an extern php file
Dear All, I am trying hard to update my localStorage variable. I need to delete a localStorage variable after a from is submited. My form is wihtin a dialog page. When I click a button, it opens a dialog box to confirm the deletion. Here is my form: <div data-role="dialog" id="supprimer"> <div data-role="header" data-position="fixed"> <h1>Supprimer</h1> </div> <div data-role="content"> <h4>Etes-vous sûre e vouloir supprimer ce module?</h4> <form id="JSON-formSupprimer"
how create a event scheduler application
please help me , how to create a event scheduler application using JQmobile
Add class to change font-family
I'm trying to update the font-family assigned to some classes. Unfortunately, the class doesn't seem to be applying and I don't know what I could be doing wrong. My script: $('div[class^="ls-wrapper"]').promise().done(function() { $('div[class^="lslide_wrap"]').each(function() { var clcheck = $(this).attr('class').substr($(this).attr('class').indexOf("in_") + 3); var acheck = $(this).children('a').attr('class').substr($(this).children('a').attr('class').lastIndexOf("in_") + 3); if
Datatable is preventing an Addbutton to get fired
Hi!When putting the code bellow in my code,and try to click on the addButton,the add button is not get fired but when I am removing it and click on it the addButton is get fired.This is the code I am using to load data with datatable: if (typeof ($ProductTable) == "undefined") { $ProductTable = $("#tabledisplay").dataTable({ "sPaginationType": "full_numbers", "bAutoWidth": false, "sAjaxSource": 'Handler/ServiceHandler.ashx', "fnDrawCallback": function () { if
Transfer value from a input text.
Hello to everybody, I need help to transfer a value from an input text to javascript function. This is my hidden input text: <input name='VarJs' type='hidden' size='10' id=VarJs' value='<?php $Id ?>' /> I'd like to transfer this value from php to js and then I'd would like to use it in another js function. Thanks in advance. Tegatti
JQuery cycle not showing on post pages
Hi, I believe I am using the JQuery cycle plugin on my blog. I am not certain as the template I am using was a free template that I modified. I can't get the featured content slider to show up on my post pages. On my index page http://www.still-blushful.com you can see the content slider working perfectly (on the top of the page). But then on post pages it doesn't show up as you can see here: http://www.still-blushful.com/2012/10/giveaway-moth-tastic-with-macs-moth.html I can't figure out why. I
Drop and Drag on clone table rows doesnt work
Hi, Is there someone that can help me. I clone my table rows, which is this var row = $("#sort tbody>tr:last").clone(true); row.find('.content').append('<td id="drop" class="drop"></td><td class="item"></td>'); row.insertAfter('#sort tbody>tr:last'); return false; And i succed on this. my problem is when i try to drop on my clone table rows. i cannot drag and drop there. On the other side, the original table rows has no problem on drag and drop. Kindly see my drop and drag code:
Do I need to add callback=? or ?callback=? for my url to work using Jsonp
I'm trying take the json response being returned from this web service and dump it onto a webpage. However for now I was trying to simply start small and see if I could print out just the total. Since nothings happy I'm sure there's something wrong, but I'm not sure where??? I'm assuming it's something to do with the url??? <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script > $(document).ready(function($) { var url = 'https://www.sciencebase.gov/catalog/items?parentId=504108e5e4b07a90c5ec62d4&max=60&offset=0&format=jsonp';
Next Page