[jQuery] couple of Cycle questions
I'm using Mike Alsup's Cycle plugin (as usual!) and have a couple of annoying glitches you might be able to advise on? Firstly, the images are different sizes and I'd really like to be able to centre them in the container div. Can't do it with CSS, so I'm guessing Cycle calculates positions from the top-left. Can this be overcome? 2nd question: I'm getting an error: "Warning: Unknown pseudo-class or pseudo-element 'eq'." I'm blowed if I know why, as I thought I'd copied Mike's code! Dev. page is
[jQuery] changing source of image, on click, first time size is wrong
I've got an image in a page that is hidden. When someone clicks on a link somewhere else in the page, I swap in a new source for: attr("src") Then I show() the container surrounding the image so it displays. Then I set some other elements near it to the same width. It's a popup and I don't want the title and caption to be wider than the image. On the FIRST CLICK, the size is set incorrectly. On the 2nd and every future click, the size is set correctly. I've tried replacing the attr("src") value and
How to make short piece of jquery validate?
I am using the following jquery plugin: http://plugins.jquery.com/project/autocompletex Besides the link to the relevant JS I have this piece of code in my page <head> </head> section: <script type="text/javascript"> $().ready(function() { function findValueCallback(event, data, formatted) { $("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result"); } function formatItem(row) { return row[0] + " (<strong>id: " + row[1] + "</strong>)"; } function
Ajax - Page Refreshes to a blank White Page
Hi Im doing an Ajax call which calls a Java struts 2 action. This action basically just does a DB update. There is no data being returned to the client. The page refreshes to a blank white page. I dont want his to happen. I want a pop up box on my page. The ajax call happens when i press a save button. Here is the jquery code: $.ajax({ type: "POST", url: "saveData.action", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function() { msgBox("Saved Changes");
[jQuery] All Elements Except 2
Hi, I'd like to select all elments on my page except 2. How would I do this? The elements I don't want to select are .bar6 and .homelink. Thanks.
SOLVED: Dynamic height / width SOMETIMES broken on page load
I hope someone might have some insight into a funny issue I'm having. I've written a small plugin to serve as a feature rotator and am having one strange problem. You can see some demos of the plugin and documentation here: http://pbskids.org/pbskidswidgets/carousel.html The plugin does a number of things that involve reading the width and height of DOM elements and using them to set the width and height of other elements. The problem is that sometimes in Firefox and Safari, when the page loads,
[jQuery] not returning a JSON object
Hi, i have a form defined as follows: $(document).ready(function(){ $('#edit_page_form').ajaxForm({ type: "POST", timeout: 45000, dataType: 'json', error: function() { alert("error etc "); }, success: function(json) { alert(json); alert(json.message); }, complete: function() { alert('done'); } }); }); when alerting json in the success function - it echoes out the Json as a string, and not a valid object - hence, json.message doesnt
How to format string in jquery ?
Hi, How to format a string using jqeury ? I am doing some calcuations in jquery function but the result comes like: 107.40699999999998 I want it to show like: 107.40 or 107.41 How to do this ? Please help. Thanks.
[jQuery] Is there a more efficient Method.
Hello, I use Jquery on a web page that serves constant updates to the User. I'm wondering if there is a more efficient method for updating the content divs. A simplified view of the layout I use is this. <DIV ID = "C1" class="content"> <DIV Class="A"></DIV> <DIV Class="B"></DIV <DIV Class="C"></DIV <DIV Class="D"></DIV <DIV Class="E"></DIV <DIV Class="F"></DIV </DIV> <DIV ID = "C2" class="content"> <DIV Class="A"></DIV> <DIV Class="B"></DIV <DIV Class="C"></DIV <DIV Class="D"></DIV <DIV Class="E"></DIV
Re: Creating a toggle (show and hide) for hyperlink click
Hi, I wish to use Jquery. I am a newbie. I have a hyperlink and when a user clicks that I wish to toggel ie. show or hide the text . This is what I have so far. <a href="#" onclick="toggle("hidden");">FAQ</a> <div id="hidden"> Some Questions Some Answers </div> <script type="text/javascript" language="javascript"> function toggle(id) { var state = document.getElementById(id).style.display; if (state == 'block') { document.getElementById(id).style.display = 'none'; } else { document.getElementById(id).style.display
[jQuery] Scrolling problem
I managed to get the scrolling to kinda work – if I set it up with static LI then I can get the scrolling to work the way I want it to, sans being able to pass the number of the image I want to be shown (unless I put it in the text field of the anchor tag, which shows with the image) but I have no way of passing the other variables to call my updating button. Also, using the static it takes much longer to load the page. I’m looking to be able to set a variable – like NewStrt – to be the first image
[jQuery] jQuery accordion menus flickering in IE 6 and 7
I've seen several threads about this online but haven't not seen a solution that has worked so far. My accordions work great, but in IE 6 or 7, when the animation is done, the entire contents of that div flicker for a split second. Is there a solution to this? My page is here: http://www.keene.edu/grants/internal_test1.cfm Thanks so much for any help on this.
[jQuery] App like hangman
Hi everyone. I need to create one project (some kind of game) and I want to know, is that possible create with jQuery? Page should looks like this: _---_---_---_---_ ----------------------- A B C D E F G H I J K L M N O P R S T U V Z X Y Z ---------------------- word lines -> __ __ __ __ __ _---_---_---_---_---_- In upper part, there is alphabet and from it I have to pull chars on lines in down part. Behaviors of application: 1 If char is not on correct place it shoul be different color. 2 when I
ScrollTo Problem
Hi, Im new to jquery and have been looking at the ScrollTo effect. Ive used Ariel Flesler plugin for ScrollTo. I want the whole page to scroll. My problem is that when javascript is off, i would like to revert to anchored links. I tried anchored links, but it overrides the jquery. Any help of would be great or a tutorial in unobtrusive ScrollTo html <div id="page1"> <a name="P1">1</a> <a href="#P2">2</a> <a href="#P3">3</a> </div> <div id="page2"> <a href="P1">1</a> <a name="#P2">2</a> <a href="#P3">3</a>
ajax load() issues in IE8 error when append() invoked
Hi everyone, I was wondering if anyone could help me troubleshoot a problem that I am experiencing with IE8 and using the jQuery load() AJAX function. I am still fairly new to jQuery, so please pardon my ignorance. I am doing exactly what load() is meant for -- loading HTML and injecting it into the DOM. Here's the page I'm injecting into: ... <button id="inject">inject</button> <div id="container"></div> ... Here's my jQuery code: ... $(function() { $("button#inject").click(function() {
[jQuery] text without backspace get error in cluetip
Hi all, When i have: title="test|contentwithoutspaceeeeeeeee">hover</a> if the width of the text is more bigger than the configuration of cluetip, the text continues out of cluetip box. Have one way to solve that? Rly Thx
stopping Page refreshing
Kindly visit http://www.nambamoja.com/vote/viewall.p ... Radio%20Ad. I want a situation where when you click on the 'click me ' link at the image icons, the image loads at the up section without the page refreshing. How can i achieve this through JQUERY? Th code: -----------------------------------------------------starts here <?php session_start(); //if logout then destroy the session and redirect the user if(isset($_GET['logout'])) if($_GET['logout']=='logout') { session_destroy(); header("location:login.html");
Strange glitch with Jquery combo boxes
Hi, I've posted once or twice before on a similar issue and couldn't ever get it resolved, but I have narrowed it down a bit and set up a demo which will hopefully help someone spot what is going on. To recreate the problem, go to http://maguiresonline.co.uk/development/dropdown_issue/, select Client3 from the top dropdown list - this then uses AJAX to populate the second dropdown with a list of options specific to that client. The problem I have, however, is that if you select one of the jobs in
[jQuery] jQuery Validation Submitting without Validation in Firefox (validate)
Hi Guys, I've put together a pretty simple competition script - it's commented out below and you can find the demo at http://www.jakeisonline.com/stackoverflow/jqueryvalidation/page/ (you'll find the code at the bottom of the page) I am using a jquery plugin to achieve the validation: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ The problem is only in Firefox (3.5.2) - the form submits without any validation at all, and ignores the ajax. IE8 & 7 seem to be fine. I'm not really sure
[jQuery] How to detect window is scroll or not using window.scrollTo()
Hi all, Is there a way to detect whether window is scroll or not .I am using window.scrollTo() function. Thanks Rupak
[jQuery] Cycle: replace slide in running slideshow?
Is there a way to replace the first slide in a running slideshow such that it's shown only once?? I've been trying variations on something like this with no success. The element is replaced, but cycle doesn't show it. function doBefore(){ var i = $(".slide").index(this); if (i == 1){ $("#first").replaceWith("<div class='slide' id='repl' style='position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 640px; height: 640px;'><img src='replacement-image.jpg' /><div class='caption'>foobar</div></div>");
[jQuery] [validate] and [tooltip] integration
I am having trouble getting tooltips to work with the generated custom error message created by the validator plugin. I noticed that the tooltips do not work on dynamically generated elements unless the $ ('a').tooltip(); is called sometime after the element is actually created. My custom error message for validator would be something like: <img src="images/forms/alert.png" width="20" height="20" alt="FIX!" id="input1" title="Please enter your name using letters only. No special characters are allowed."
Ajax Auto Updating in Modal Popup in jQuery
Hello, I am doing software engineering in bangladesh. Right now i am doing Screenshot development of my current project. I am gonna using jQuery as Javascript framework in my project. For this i need some help as i dont know jQuery very well. Is it possible to make Modal popup which is auto updating every 15 seconds and the updating continue for about 1minutes? if so, you dont need to give me the solution. Better you can give me the link. Thanks
[jQuery] [validate] [ajax]
Hi all, Still green with JQ. I have the following code which does work to a point except the validation runs but the form submits (via ajax) regardless. I know I need to change the code round, ajax in the the validate call - I think. Could do with help on this! $(document).ready(function() { $("#myform").validate(); $("#myform").ajaxForm({ success: function() { $('#contact_form').html("<div id='message'></div>"); $('#message').html("<h2>Contact Form Submitted!</h2>")
[jQuery] image slide show with vertical thumbnail rotation
Hi All, Please help me out from this.i want a jquery image slide show with thumbnail rotator. Example for this is:--- http://demo.gavick.com/ something like this example Thanks vaneet
[jQuery] Professional Training
Does anyone know of college-level jQuery training/certification courses? I'm looking for something like Zend's PHP certification, but for jQuery. Thanks!
Insert JSON data values in to input boxes with the same name
Thought this might be handy... This loop will insert the values from a JSON object in to text boxes. It loops around each key pair and inserts the value if there is a text box with an ID that matches the key name. This is the JSON data: (yourJson.js) {"page":1,"total":1,"records":1,"paging":20,"rows":[{"clipId":"14792","barcode":"02528","title":"My Project Sample","format":"DigiBeta","source":"1242","runningTime":"14 Mins","location":"Library","timeCode":"10:00:00","cUser":"Sam","cDate":"1 Jan 2007","mUser":"Sam","mDate":"1
[jQuery] Feedback on site, contents, enquiries, information
Hi Can any body suggest me a best jquery examples of FeedBack on Site,Contents,Enquiries,Information of a site<br clear="all"> -- Regards, Bharath
getJSON - 2 calls. 2nd not working?
Hi all, Firstly, thanks for all the tips Ive picked up on here previously and good to hear about the 'official' status.... Ive been using jQuery for quite a while now, but have only recently started using JSON and XML with it. Im hoping someone with more experience can help me! My problem possibly lies somewhere with async, or possibly that getJSON can not be used in this way.... Basically, I have 2 requests called to first get a single record, and then another to get all associated records. The
[jQuery] earn upto 600$ with a payement proof
HI FRIENDS If you want to earn Rs.200($5) to Rs.1200($30) per hour, starting today from the Internet without any Investment. Just give your 3 minutes to read on & see how it can change your life. Dear Internet Friend, Nice to meet you. We have designed this website exclusively for the people, who want to earn money through Home based internet jobs without any investment, just by spending few hours on Internet, in a day. Benefits and Advantages 1. Work part time. 2. Earn unlimited income from Internet,
[jQuery] Ajax error response text
Hi, I want to ask if there is a way to get the response body of an AJAX request that resulted in error (406 Not Acceptable). I've been looking for the response body in the XMLHttpRequest object that is returned with the error callback but the responseText only contains an empty string and the responseXML is null. I can see the response body through Firebug, though.
[jQuery] save to pdf
Is there any plugin can let me save the part of pag as pdf?
[jQuery] Effects: problem with slideToggle() and IE7
Hi, I use slideToggle() to slide a DIV up and down. The section (DIV) should be closed on load. Works fine in Firefox. The problem is IE7. If I use display: none; the section opens on load. Is there a way to use display: inline (or leave it out since it's default value) and slideToggle to be closed on load? If I use display: none (the section opens) the content in the DIV is displayed correct, but not with display: none; I'm not very good at handling cross-browser css issues so I could probably improve
[jQuery] Ajax Auto Updating in Modal Popup in jQuery
Hello, I am doing software engineering in bangladesh. Right now i am doing Screenshot development of my current project. I am gonna using jQuery as Javascript framework in my project. For this i need some help as i dont know jQuery very well. Is it possible to make Modal popup which is auto updating every 15 seconds and the updating continue for about 1minutes? if so, you dont need to give me the solution. Better you can give me the link. Thanks
[jQuery] $.ajax() issue
Hi all, I have an issue. I am submitting XML data using ajax call which updates data on server. It works fine in firefox but gave 404 error in IE. The ajax call which i am using is mentioned below : var url = '/' + serviceContext + '/services/content/update/' + structid; alert(nodeData); $.ajax({ url: url, type: 'POST', data: nodeData, contentType: 'application/xml;charset= UTF-8', cache: false, processData: false,
using jquery to slide up and down while hiding the previous
hi there - i'm a complete newbie to jquery (but lovin' it) and not sure how to title this post so excuse me if i'm not using the right terminology. my setup javascript <script src="scripts/jquery-1.3.2.js" type="text/javascript"></script> <script> $(document).ready(function(){ $(".nav1").click(function () { $("div.body2").slideToggle("slow"); }); $(".nav2").click(function () { $("div.body3").slideToggle("slow"); }); $(".nav3").click(function () { $("div.body4").slideToggle("slow");
I can't catch submit event
Dear all , I wirte a simple sample to alert 'here' when catch submit event. The code as below. When I press submit button , it works fine. But when I press b3 button , it will call a function to submit the form. The form submit is ok , but it will not alert 'here'. Are there something wrong with the code? <title>ttttt</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.blockUI.v2.5.js"></script> </head> <script type="text/javascript">
[jQuery] Strange problem with ui.datepicker.js
Hi all, Getting a very strange issue with the datepicker component. It seems that whatever the first date on the bottom line of the displayed picker is, is being duplicated. Take a look at what I mean here: http://i773.photobucket.com/albums/yy12/lmcmullen8/datepicker_prob.jpg There are lots of individual datepickers being created on this form and I'm getting this behaviour with all of them.... Has anybody come across this before? Cheers, Lee
Drag Drop for Table Columns?
Hello, I am looking for a script that makes it possible for me to drag and drop <td> Elements within a certain <tbody>. There are several <tbody> tags on the site and the <td> should only be able to be dragdropped within its <tbody>. I tried this plugin, but I don't need dragdropping rows, I want it for single cells. Other than that, I only found sortables(), which didn't work for me, and this snippet, which also doesn't do what I want. I just want to be able to sort my <td> elements without them
Collapsible menu
Hello everybody, i'm new to jQuery and even after reading tutorials, examples and the references again and again i'm not able get this thing working. Buckwheats!!! Obviously i simply don't have the full understanding of JS / jQuery. What i want to do: - a collapsible menu made of <ul> and <li> - the first and second level are always visible - unrelated sublevels close if another sublevel is opened (e.g. clicking on Page 1 - 2 closes subpages of Page 1 - 1) - only the 1st child is shown (lets say
Next Page