recreating a flash book with jquery
hello. i have a task in front of me that i might need a little advice with. I have been asked to recreate a flash book with out using flash. this is the book http://loveurope.clikpages.co.uk/pro-hunter/ i have had a look around at scripts and this is what i think will do some of the jobs... flip: http://codecanyon.net/item/responsive-flip-book-wordpress-plugin/2372863 (HTML&CSS, images, video, audio - $21) or http://builtbywill.com/code/booklet/demos/speed (free + ie6 support) clock: http://www.neilwallis.com/projects/html5/clock/index.php
Using event in jQuery
Hi, Here is my code http://jsfiddle.net/MX9ey/2 Html : <textarea name="info"></textarea> <br/> <input type="button" id="clearlogs" value="Clear Logs"/> <div id="log"></div> Script: $(function(){ $("[name=info]").bind("keydown",callFunc1).bind("keyup",callFunc2); $("#clearlogs").on('click',function(){ $("#log").empty(); }) }); function callFunc1(ev){ if (ev.keyCode == "13" && !ev.shiftKey){//pressing enter key $("#log").empty(); $("#log").prepend("calling
Modify widget code with jquery
below is a code snippet for the Microsoft Azure widget. I have used this on my site, but it translates the entire page. I only want to translate the content of one div not the whole page. Is there any way to manipulate this code with Jquery so it only translates one div? Please comment. <div id="MicrosoftTranslatorWidget" style="width: 360px; min-height: 57px; border-color: #3A5770; background-color: #78ADD0;"> <noscript> <a href="http://microsofttranslator.com/bv.aspx?a=http%3a%2f%2flocalhost.com%2f">
jCarousel... wrap:"circular" problem
Hi everyone, I am trying to implement a circular wrap on my jCarousel, but there is a weird little hiccup I cannot seem to fix. I am showing two items at a time and when it reaches the end, it wraps to the first item HOWEVER the second item starts to lag and does not appear until the pause is over. Has anyone encountered this? Thanks! Rachel <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ vertical: true, auto:
Issue with slider menu and smooth scroll
When "contact" is selected, the page scrolls down, but the slider only moves to "services" http://mlfoxdesigns.com/ - Only happens occasionally - Happens most frequently with IE9 and Firefox (of course) but happens with chrome as well. - Contact tab is the only tab with the issue Willing to offer design work in exchange for help (small logo, etc. see my website portfolio) Thanks!
Problem with jQuery and Windows Vista
Hello Folks: I'm working on my first application which uses jQuery extensively. So far, I've got the first basic pages done. Registration, uploading contacts, profile pages for individuals and organizations, and making own groups. They all work great on my two computers. My desktop is a bit older (Windows XP) than my laptop (Windows 7) and I've tested the work in all the major browsers. Today I am testing this application on my daughter's really old laptop with Windows Vista. This testing is necessary
how use jquery in response of jquery-ajax?
hi friends. i am using jquery and jquery-ajax in my sample. but face problem. i have three file. my file is : jquery-1.8.3.min.js index.html res.html jquery-1.8.3.min.js file is main of jquery file. index.html code is : <html> <head> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $.ajax({ url: 'res.html', type: "POST", data: '', success: function (result) { $("#responsediv").html(result); } }); }); $(document).ready(function
make the icon hover effect stay when hovered on div as well
Hi All, Please quick help needed. please find below JS file, css and also the html file. My question is i have to keep the icon in tooltips css active when hovered over the div created dynamically in jquery. I tried the following in the js (obj.adClass() and objremoveClass) file but its not working. it always activates the first icon which was hovered when i mouse over other icon div's. I mean its only happening for the first icon which was hovered over. When i navigate to other icon i am able to
Dynamic Google Map Pins - Google Map API jQuery
Ok, so im not sure how common this question is but here goes... Im developing a map module that uses that Google Map API, with map pins, im using jQuery at the moment to display the page, with multiple pins as below. My question is, im wanting to make the jQuery dynamic if that possible? So i will have filters etc that will show a certain amount of pins depending on category etc, if that makes seance? Im guessing c# or some kind of vb will have to run onclick, but can c# change the content of jQuery?
Problems with parents and post function
Hello; I have a problem with this code, i don't know how change carpeta value with returned data only in the changed select. $(document).ready(function() { $(".categorias").change(function(){ kid=$(this).parents('.parrafo').find('.categorias').val(); $.post("modules/vercategoria.php",{ action: "mostrarcarpeta", id: kid} ,function(data){ HERE: $(this).parents('.parrafo').find('.categorias').val(data); });}) <div id="parrafo> <select class='categorias'
jQuery 1.8.2 | Counter for both user-click and dynamically checked dynamically inserted checkboxes.
The following code works for user-click event on dynamically inserted class-based checkboxes: $('.aenable, .benable').live('change', function() { var chkbxchkd = $('.aenable:checkbox:checked, .benable:checkbox:checked').length; $('.counter').html('( ' + chkbxchkd + ' selected )'); }); The problem is when I click on a button that toggles on and off the checked states of the class-based dynamically inserted checkboxes, the counter doesn't reflect the actual number of checked checkboxes. Basically,
Problem with slideUp wildcard calback
$(id + '>*').slideUp('slow', function(){ alert(id); });I expected this would slideUp all first children of 'id' then alert the 'id' Instead it calls alert(id) immediately one time for each child. Am I missing something?
hide all table columns that have the value of "0"
Hi this is my first post as I get to know jQuery. I have a database that creates a table and It has lots of columns containing mainly numbers as the values (some of the values are VARCHAR. I want to be able to collapse the table so only the columns with values other than 0 are visible. This will make it a lot easier to read and print out. I wan to select all the values in the last row and then select all the "0" values from that row and toggle (hide) those columns (including every row in the column)
Issue with .attr when using .each
Hi, I have a snippet of code which locates all .widgetItems objects within a DIV column (#widgetColumn_x). See below how I fetch these using jQuery, which works fine as I have tested the outcome of this line alone and it was as expected with the correct length each time. The problem is that I'm trying to access each child node's id attribute but I get undefined each time. In the DOM the id attribute is present. Am I doing something wrong? I'm very new to using jQuery for this sort of thing, previously
Issue with find with optgroup when label has a +
I have this code: $(this).closest('.filter') .find('optgroup[label=' + text + '] option') .prop('selected', true); This works fine, except when text contains a + - in that case everything from all the optgroups are matched, instead of just the ones from the group specified. Does + cause some special behavior? I tried escaping it with \, but I got the same results. How can I make this work properly when the label as a +?
jquery php button click change div ajax
I am having trouble with including swapping two different images which have multiple functions based on jquery so that on mouse click event the div content will change to the new image sequence - one image spins and the other zooms but they should not appear at the same time - I would like to just call a jquery include ajax php ? as this would be easier so the content is called inside the div on the button click if that makes sense - is this possible - I have some messy script if anyone can help
JSONP question XML response
I have my jQuery code on server1 which is trying to call a servlet on server2. The servlet returns XML data. Since they're both on different servers, I guess I cannot use the $.ajax call. I need to use JSONP but my question is, since the response i'm receiving is XML, can I use JSONP in the first place?
How to get value from textarea (beginner q)
I have a php-page where I have a textarea I use to update a database table with. The form pretty much looks like this: <form action="page_edit_save.php" method="post"> <ul> <li> <textarea name="content" id="content" rows="15" cols="62"> <?php get_page_content($id); ?> </textarea> </li> <li> <input type="hidden" name="id" id="id" value="<?php echo $id; ?>"> <input type="submit" id="submit_page_edit" class="buttons" value="Edit page"> </li> </ul> </form> The page_edit_save.php pretty much looks
Applying imediate change to font size
Hi! :) It's obvious that I have a problem and I need some help :) I'm currently creating a fancy web app that allows users to drag and resize stuff... and it's on the resizing stuff that I'm having problems. Previous note: My fancy web app uses ratios - the size of an element is shown depending on the ratio. Setting an image size with css("width") and css("height") works "out-of-the-box" but using css("font-family") doesn't work "out-of-the-box" - it only shows the new value after I changed the slider
Trying to show/hide things with a <select> menu
I have a <select> menu for my support tickets that asks you what your issue is. Depending on what you pick, it is supposed to display a form related to that issue. For example, if you choose "Report a Bug" the bug report form should be displayed. Well, I cannot get it to work. Here is what I have: The page links to an external JavaScript file that has this in it: $(document).ready(function() { $('div.hidden').hide(); }); And this is the code in question: <script type="text/javascript"> ("#showhide_form").change(function()
Styling Content Loaded from Ajax
I've created code that loads multiple images from an html file using Ajax into a div in another html file. I have code written to enlarge the image using mouseover() and make it smaller using mouseout(). This code worked prior to removing the images and loading them through Ajax. I would also like to style the image so they're all the same size before the mouseover/mouseout functions are executed. Any ideas on how to accomplish this? Here is my code from the main html file. <!DOCTYPE html>
scrollLeft works but scrollTop doesn't work
I have the following HTML with CSS .container { overflow: scroll; } etc. <body> <div class="container"> <div id="markers"></div> <img id="map" src="/img/map.jpg"/> </div> </body> map.jpg is very large and I want to scroll to a fixed position like this: $(function(){ console.log($('.container').scrollTop()); $('.container').scrollTop(1000); console.log($('.container').scrollTop()); console.log($('.container').scrollLeft()); $('.container').scrollLeft(1750); console.log($('.container').scrollLeft());
Slider Function malfunction
I'm currently working on this on JS Fiddle and something seem to be wrong with an every time you run it, you must click on the middle links before it starts to work or before the third link works. You must also click on the third one before the first one works
Problem with Toggling Two Checkboxes
Hi, I am trying to change a css dispaly property of div by selecting and unselecting a checkbox following this script: <td> <input type="checkbox" id="c1" name="cc" /> <label for="c1"> <span> </span> Display : None </label> <input type="checkbox" id="c2" name="cc" /> <label for="c2"><span> </span> Display : Inline </label> </td> and the jquery is: $('input:checkbox').change(function(){ if($('#c2').attr('checked')){ $('#casradios').css("display", "block"); $('#c1').attr('checked',false);
jquery function/script help
hey i want a jquery function/script that retrieve the HTML code source of a given web page.. thanks
Scrolling not working on chrome browser?
Hello, The jquery scrolling on this page http://kimcolemanprojects.com works on safari,firefox and opera but does not work on a chrome browser, does anybody know why? Thanks very much for any response. Angela
problems using fancybox with jquery?
Hi Guys, I'm using the excellent fullcalender plugin. Rather than using js prompt in my script, I'd like to use content in a div that I style up with css and use some nice graphics. I'm trying to use the fancybox plugin, can anyone please tell me how to the fancybox working and how to pass the value from fancybox to the if statment below it? Currently get error: Timestamp: 07/12/2012 14:49:51 Error: TypeError: $.fancybox is not a function Line: 39 Many thanks $(document).ready(function() {
Can not get my Vaildation too work !!
Am trying to vaildate this datepicker As a { required field } only. When submit is pressed. Help needed with code to Vaildate this datepicker, cant get an error message from it. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> <script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> <title>Reservations and booking form</title>
Add onChange to Google Translate with jQuery and jQuery Tools
I've got a page that uses the Overlay feature of jQuery Tools to open an overlay with Google Translate inside the overlay. Once the overlay opens, I can select a language and the page is translated. I then have to click the X to close the overlay. What I'd like to do is have the overlay close automatically once a language has been selected. I'm not sure exactly how to do this. Here is my code: <html> <head> <!-- Load jQuery --> <script type="text/javascript" src="./Resources/jquery.min.js"></script>
how i header freeze
demo how i header freeze <div id="divScroll" style="overflow-x: hidden"> <table id="tableAppointment" bgcolor="#fcfcfc" border="1" cellspacing="1" width="100%"> <thead> <tr> <td class="csstextheader" width="70px"></td> <td class="csstextheader" width="70px"> <b>Time Slot </b> </td> <td><b>Room 7</b></td> <td><b>Room 8</b></td>
jQuery Ajax in parallel
jQuery.each(parameters, function(i, value) { params = "name1=value1;name2=value2;name3=valu3"; jQuery.ajax({ type : "get", url : "url", contentType : "application/x-www-form-urlencoded", datatype : "json", crossDomain : true, data : params, context : this, async : true, success : function(response) { } } I have increased the ajax performance by using the above. I have heard that it can be increased more
jQuery hide() show() alignment issue
Hi, I'm a new person for this forum. I have a big trouble in one of our web production. We have using jQuery for displaying a tree control. Displaying and hiding child nodes by using show() and hide() methods of jQuery. This method has been working in chrome browser. But in Internet explorer compatibility views having big trouble. Hidden child nodes height has not been adjusted with next level parent nodes. So the hidden place showing blank spaces. Can anyone have any idea how to fix this issue.
Problem with jquery dilog in ajax load
<div id="Comment"> <div id="MyDialog1"> <input Type="hidden" value="1" id="hfDialog1userId"/> <div><!--End of div MyDialog1--> <div id="MyDialog2"> <input Type="hidden" value="1" id="hfDialog2UserId"/> <div><!--End of div MyDialog2--> <div><!--End of div Coment--> <input type="btn1" onclikc="LoadComentPanel();return false;" value="My Button"/> Div "Coment" is loaded using jquery ajax <script type="text/javascript"> $(document).ready(function(){ LoadComentPanel();//Bind comments with
Linking separate scripts to different versions of jquery on one page?
Is it possible to link different scripts to different version of jquery on one page? For example on this page http://kimcolemanprojects.com/ my scrollto jquery does not work on chrome with latest 1.8.3 query but does work with older 1.4.2 version. However my other script which is mouseover image displays does not work with this older 1.4.2 version. Any ideas??? Thanks for your time. Angela
problem with binding mouse enter mouse leave in complex fold out menu
Hi all, I have some problem integrating a mouse enter/leave (alter. hover) event in this function: function appendTitles() { var titles = gtitles; $.each(titles, function(index,title){ $("<img id = 'title_"+title+"' class='titles' src='images/title_"+title+".png'></img>") .appendTo('#folder') .bind('click', function() { var work = $("#gwork").val(); $(".work_" + work).fadeOut(950, 'easeOutSine', function() { $(".work_"+ title).fadeIn(950, 'easeInSine'); }); $("#gwork").val(title);
Collapse all button not working
I have an image swap script that I am using. I have 2 buttons, Expand All and Collapse All. I was able to get the Expand All button linked so now when I click it, it updates the + and - signs to change when clicked. I can't figure out how to get the collapse all button linked in though. Obviously, when i Click expand All, it expands all of the list and changes the + sign to a minus and if I click expand all again, it changes the - sign to a +. I want to do the opposite when the collapse all button
Hidden Input .text IE Compatibility View issue
I came across an issue that I was having while trying to handle an ajax call and thought I would pass it along. I wasn't able to fix the problem, but I was able to get around it. I have a hidden input control, along with a label that I'm populating with data from an ajax call. The call returns a dictionary of multiple clientid keys and values for each. I loop through this list and make the following calls $($get(clientId)).text({some value}); $($get(clientId)).val({some value}); I do both because
How can I get this Show() function to view selected=selected as a value so that it will work with values fetched from a database?
This show() function works correctly if values are hard coded and/or selected on the page, but isn't working if the values have been retrieved from the database. This script doesn't seem to be recognizing the values even though they're echo'd properly and are being utilized by in 2 different ways on the page - to display the values as text, and to set the values of the relevant input elements (the user toggles between these depending if they're in View or Edit), and the HTML source code shows those
jquery context menu with ajax
Jquery context menu I am using it from this example http://code.google.com/p/jquery-vs-context-menu/ below is the code it works good , in my case I create the div with ajax , its not preset when page is loaded please advice how to make this work when the <div class="vs-context-menu"> is create with ajax request <script type="text/javascript"> $(document).ready(function(){ $('#context').vscontext({menuBlock: 'vs-context-menu'}); }); </script> <div class="vs-context-menu">
OK - this shouldn't be so difficult (sigh)
Hello: I'm working with a jQuery constructed table. The table assembles wonderfully. Now I want to grab the text() of the 2nd <td> on the row I've selected. But I can't figure out how to do it. Following are the details: construction syntax: function rowBuilder(data) { return '<tr class="myRows">' + '<td class="e_lay"><input type="checkbox" class="Grp_Chk" value=' + data.GroupID + '></td>' + '<td class="b_lay GrpName">' + data.GroupName +
Next Page