youtube gallery script with jquery question?
hello, i've been combing the web for a good solution for a youtube video gallery of sorts. ideally i'd like to have something that functions similar to this http://galleria.aino.se/media/galleria/src/themes/classic/classic-demo.html in terms of having a bar of thumbnails that when clicked would load a new youtube video above. i also like how the gallery option above has arrows that allow you to view more thumbnails. i also have thought about using a simple show hide that would load all the videos
how to window.location.href parameter from the <select> field
I've got code, but it doesn't href's (redirects) user after changing the <select> value; what I need to fix?: <script type="text/javascript">$(function(){$("select[name=\'goto\']").change(function(){$("#goto").window.location.href="'.URL.$uri.'/p".$("#goto").val();});});</script> <select id='goto'>... ---- what I want to open page (make redirect) and to do that I need to ADD to the LINK (http://domain.com/xxx/pVALUE_OF_SELECT) http://path-of-power.com/extreme-tiredness-feeling-tired,1
$.post not working correctly
Hi Everyone, I'm a newbie in the usage of ajax request using jquery.I have used it for my administrator login form and it is working correctly.In the home page to which it is redirected, I'm using jquery with ajax for 'logout' and for adding data through form.The 'logout' functionality is working correctly but the form submission is not.I have checked the path of the php file to which data is sent for manipulation, and it is correct.Whenever I submitted the form, the page somehow
mousemove coordinates and setTimeout
Here is the website it is about http://nail.bezel.be/1/index.php?s=001 It's all about fading elements in and out. With the standard hover of jQuery it was not possible to NOT fade out an element if the mouse is over that element while reloading, so I programmed it differently and it got quite complicated. With standard jQuery hover the mouse has to exit the element first and then to reenter it again for the element to be faded back in. With my solution at least a slight movement of the mouse is enough
removing validation error
I have a question related to jquery. Basically I want to do a very simple thing. I have a text input field. On submit, I want to display error message if the field is empty. I have done this way: errMsg = "Please write name"; $("div#errMsg").css("background-color", "red"); $("div#errMsg").html(errMsg); and in the HTML: <div id="errMsg"></div> <strong>Name: </strong> <input name="name" id="name" type="text" maxlength="255" size="50" /> It works fine, however there is a problem. When
Why mootools animations is more smooth than jquery?
Why mootools animations is more smooth than jquery animations?
a question about functions *updated
hello, this is my codes: http://tinypaste.com/2c67e and this is my other code: http://tinypaste.com/4fdc74 i want to make equal txt variable (in first link line 3) and fileString variable (in second link line 2). how can i unify this codes? note: sorry my bad english
name[] on change problem
Hello, I start with a table with one row where I can add the name and the age of a member. With jquery I can add/remove rows so that I get something like this... <tr> <td><input type="text" class="text" name="name[]" /></td> <td><input type="text" class="text" name="age[]" /></td> </tr> <tr> <td><input type="text" class="text" name="name[]" /></td> <td><input type="text" class="text" name="age[]" /></td> </tr> ... Adding and removing rows from my table is no problem. I want
toggle() a bunch of divs initially
I have some divs and on their title bars if you click them, it toggle its child div to hide/show It works fine right now, but what if I want them all hidden initially? How could I do that? When I click the title bar, I run this method: function toggleDisplay(who) { $(who).parent().find('.machine-info').toggle(); }Now if I can just get all the divs and set them all hidden initially :)
Unexplained html() and context behavior
So I'm trying to work on some functions that use $.ajax() and then [hopefully] strip out <script> elements from the response data and execute them manually. But I'm unable to select the <script> elements even though I can see them inside of the response data that $.ajax() is receiving. So I came up with these tests to see if I'm sane, and I was wondering if anyone could explain to me why they evaluate as they do. (I'm executing these statements in Safari 5's Javascript debugger) If I execute these
Working with FireFox but not working with IE
I have are created dynamically buttonset toggle radio button with following code. All is working okay but just I have added onclick function which is doing window.location which is working with FireFox but not working with IE and google chrome. <script type="text/javascript"> var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; $(function () { $('#btnSet').buttonstrip(); }); ; (function ($) { $.widget("ui.buttonstrip", { chars: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
Ajax concurrent calls
Hello there, newbie here. I'm trying to find the best way for fasted load a web page that contains inside the result of 5 different php scripts in 5 different sections of the page. I would like that those scripts start to run at the same time and that the result will be displayed as soon as the script finished to work. Now I thought that ajax could solve my problem ad i used 5 $load() to call my script on the load of the html page. But I had the bad surprise that the ajax calls are done sequentially.
Wordpress + jQuery + URL GET Error
On my wordpress based website, I have jquery for the top button selection part on the homepage, and lightbox for the gallery, and they work fine. But when I enter the url with a GET (.com?something), they don't work. I can't figure out if it is a jQuery error, or jQuery with wordpress's url structure. Ex: http://www.naturallookinstitute.com/gallery/ - OK http://www.naturallookinstitute.com/gallery?get - Lightbox broken http://www.naturallookinstitute.com/ - OK http://www.naturallookinstitute.com?get
Weird problem with unwrap()
Hi, I have an img wrapped with <a> when clicking the img 2 things should happen : unwrap the <a> tag around the img replace the img. my code looks like this: $imgNext.unwrap('<a>');$imgNext.attr('src',$imgNext.attr('src').replace('but_next_on','but_next_dis')); Two strange things happen when this code runs: the img is replaced but the unwrap does not work if i copy paste the unwrap (so now it is called twice) the unwrap works. Any ideas?
I've got two <select> fields, how to swap them?
could someone could give the code? http://path-of-power.com/extreme-tiredness-feeling-tired,1
How to count values from input field, on example
1. I've got INPUT -> "rate" (id) 2. when value in INPUT changes I want to recalculate the VALUE, which I want to on-fly print live in <div id='money'></div> I do RATE(value)*4; How to do that? http://path-of-power.com/extreme-tiredness-feeling-tired,1
using jQuery to parse XML
Hello all, I've been going in circles over the last couple of hours over a simple jquery script to parse some survey question data. It's pretty simple but i can't seem to have the information displayed in the dive. Any pointers would be greatly appreaciated. The XML structure: <?xml version="1.0" encoding="utf-8" ?> <survey> <section title="Student Life"> <question num="1" type="radio"> Do you feel the student union represents your interests? </question> <question num="2" type="dropDown"
Floating text
Hello, with my code below my intention is to expand the text if I click "Header1" and also if I click "Header2" but separately. The behaviour now is, if I click "Header1" than both texts expand. How can I do this separately. Thanks a lot, All the best. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://code.jquery.com/jquery-1.4.4.js"></script> <title>JSP Page</title> </head> <body> <h1>Hello World!</h1>
jquery - php - mysql update record
Hello !!! i would like to ask you something. I create an administration panel for a webpage i made. I the options i have a page that list in a table the menu items of the visitor page (home , articles, contact ...). In that table i have an image that clicking on it you can enable or disable the menuitem , to make it visible or invisible for the visitors. I have a table with a cell named "visible" and values "0" for invisible and "1" for invisible When you click the image the page refresh and make
IE8 - Cookie Problem
Hey all, I'm setting up / testing a blog feed/roll on my site. Basically, there is a form with a checkbox for each blog that can be viewed in the blog roll. When the user clicks a checkbox, provided that it's not the very last checkbox (meaning that there would be no blogs selected), it sends a cookie with the updated information. For example: if blog 1 and 2 are checked, cookie contains: "b1,b2" and this cookie updates as soon as another box is checked. Now, this works fine in firefox and chrome,
Sprite rollover effect - mouse out not working
The rollover animation works, but when i mouse out there is no animation. It just goes directly back to the up state. Here's all my relevant code snippets: <script type="text/javascript"> $(function() { // set opacity to nill on page load $("ul#division-nav a").css("opacity","0"); // on mouse over $("ul#division-nav a").hover(function () { // animate opacity to full $(this).stop().animate({ opacity: 1 }, "fast"); }, // on mouse out function () { // animate opacity to nill $(this).stop().animate({
tab focus issue
Hi i am java developer using jquery tabs in my project.I have terrible problem with jquery tabs. when i am in second tab and submit the form,tabs are reloading and first tab selected by default, but i have to be in the second tab. Can anybody help me to solve this issue.
Recognizing UI Changes done with jquery in c#
I have a playlist that allows users to drag songs away from the playlist to drop box so that can work with a long playlist. Users can also search our DB for other songs and add songs to the playlist, but this is done with jQuery. how can i get the changes to the playlist done with jQuery to be recognized in c# server side sorting. this is a related post where i learned how to get jQuery to work after and asp.net ajax call: http://forums.asp.net/t/1626678.aspx & http://stackoverflow.com/questions/4268322/asp-net-ajax-jquery
Change the height of the parent of a visible li
I use a CSS-Menu with this structure: <div class="tabs"> <ul class="menu"> <li id="item-1"> <a href="#item-1">Tab 1</a> <div><p> .. </p></div> </li> <li id="item-2"> <a href="#item-2">Tab 2</a> <div><p>....</p></div> </li> </ul> </div> Via CSS .tabs will be position:relative and the divs within the li are position:absolute to stack. This works fine. Unfortunately, in some cases the content of li is too height and overflow the parent. I'm looking
Using .load() to load up images
Hi all, I tried creating a small widget that when a user clicks on one of the 4 buttons (links), instead of it taking the user to a new page it will load a specific div from another page is the div container above it. HTML (excerpt): <div imagePane></div> <div buttonLinks> <ul> <li class="button1"><a>BUTTON 1</a></li> <li class="button2"><a>BUTTON 2</a></li> ...etc </ul> </div> JS: $('.button1').click(function(){
global variables in jquery functions
Hello experts, I cannot findout how I can write to global variables in a a JQUERY function. In the following script code you will understand my problem. I appreciate your help. <script type="text/javascript"> function checkusername (username ) { $.post("http://example.com/index.php", {action: 5, username: username }, function(xml) { result = $("apot", xml).text(); //<-- this variable is not global... why ?? message = $("message", xml).text(); //<-- this variable is not global... why
Date time picker issue
Hi guys I have a text box which uses datetimepicker in jquery and I have checked all the links, it shows the date time in text field but when i click inside the box it wont open the calendar, can u please help me to figure out how i should get it runing in a way that when i click on a text field in opens the calendar? thanks in advance <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
.post AJAX issues
Hi, I'm trying to write a VERY basic AJAX function, which will call like.cgi?LinkID=1234 This is it: function do_like(link_id) { jQuery.noConflict(); jQuery.post("/cgi-bin/links/like.cgi", { LinkID: link_id }, function(response){ alert(response); /*setTimeout("finishAjax('"+escape(response)+"')", 400); */ /*setTimeout("finishAjax('the_rating_box', '"+escape(response)+"')", 400);*/ }); } I don't get any errors, yet it
jQuery Twitter Instant Messenger
Hi all, we recently launched a complete Twitter Instant Messaging service, developed almost entirely in jQuery (for the front end). I would really love some criticism, feedback, suggestions or anything else from the jQuery developer world as really want to make this site an breeze for users, and inspiration for developers. The site is at http://twitterchat.me and you obviously need a twitter account to access the site. You can add me through TwitterChat at @dmnic1 if you want as well. Look forward
Simple <div> Toggle
Hey, I just started working with jQuery, and I've come across a problem that I can't seem to solve. I'll try and post all of the relevant sections of the code. <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(".read-more").click(function() { var feed = $(this).attr('id'); var path = 'div.bfc[id="b' + feed + '"]'; $(path).toggle(); }); }); </script>
How to catch .keypress() on body
Hello, How can you catch the keycode on the body tag? This is what I have so far: http://jsbin.com/upecu3 Christophe
slideshow issue (stacking images)
Hi People, I used a script for a slideshow for my project, but I have some issues with the code. I use PNG's for the slideshow, but the code seems to stack thePNG's over each other. Therefor the aplha seems way off... Is there a way to remove the previous image while sliding to the next one? In short just show one image at a time. source: http://lemarquis-design.com/v6/ (in progress) Here's the code: HTML ------ <div class="contentholder"> <div class="innerslide" id="gallset" style="display:none;">
submit form without refresh the page and show the user after submitted
Hi everyone, I have tried all the tutorial on the net which I can search, but all of them work without showing me the confirm message. My submit form is simple as follow name input email input textarea comment box The user put their information in, the it will be valid using http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js after the user submit the form, all the information will be sent over the internet to a mail.php file to process the sending. the form disappear and a message
Displaying a image in jquery after an ajax request.
Hi, I am having difficulty in displaying an image once I have got the data using ajax. It displays some kind of garbage on the screen ( Below is the image ). I am pretty sure its because I am unable to define mime type for the image. I am not sure how to do this. I searched the net and there are soo many articles jquery ajax and images but nothing really explains how to get this done. I have this problem as I am image/data is taken from a mysql db.
IE (any version) virsus FF, Opera, etc.,
OK, I finally have a working web application of a static xml (data resource), jqGrid and prettyPhoto and one w3c validated html file. but I have been asked to make a 'proof of concept' for mobile devices (when no internet connectivity is present). my application works just fine when I use any browser other than IE. When I run my application in IE, I get no data coming into the jqGrid plug-in. Is there something that I am missing when working with IE?? Or am I dealing with a IE only problem???
How to check if there is an element with a particular class?
Hi, Is there an easy way to check if there is an element anywhere in the DOM with the class 'ui-selected' ? Thanks! Christophe
Possible to animate box-shadow?
I've tried a variety of ways to animate the CSS box-shadow property and have been having hit or miss success. Can jQuery animate the box-shadow yet and if so, anyone have code? I noticed a plugin that does this but it seems to get down into the bowels of JavaScript and manipulate and extend jQuery in ways that i don't want to get into. I know that there's the box-shadow, -moz-box-shadow, and -webkit-box-shadow properties available, and to use them in jQuery they'd be BoxShadow, MozBoxShadow, and
Event fire delay!!!
Hello, I would like to stop run a event for a time. But if time ends it should be possible to fire the event again. The target of this is a mouseover effect. It shouldn't be possible to fire the event to many times. Sample: Go over the element -> The event will be fire! I leave this element and go back to the element -> The event will be not fire! I enter the element later -> The event will fire again! I hope you can help me!!
Sandboxing jQuery
I know this is not strictly a jQuery question. I am writing a module framework and I want to restrict modules from going outside of it's container. I have the following test code. Does anyone know a better method to identify the caller as an instance of Module. Using the constructor property prevents me from further chainig og objects (the contructor property of Sub sholud really be Sub not Module) <div id="test"><h2>hjkhkjh</h2></div> <h2>jhkjhjk</h2> <script type="text/javascript"> function Module()
set concrete image title in images collection with concrete span value from span collection
Hi, I have this sites: index.html with this code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript"> function loadContent(elementSelector, sourceUrl) { jQuery(elementSelector).load(sourceUrl, myInit); } </script> </head> <body> <div id="menu"> <a href="javascript:loadContent('#content', 'selectors.html');">selectors</a><br/>
Next Page