I have a select drop-down that selects a theme for the current page the user is on: <select id="style" name="acct-stylenum"> <option value="1" selected="true">Light</option> <option value="2">Dark</option> </select> Now what I would like to do is add two divs that will also control this select menu. I would...
Hey, I think this might be a tricky one, but if anyone can solve it I'd be very impressed, and also very grateful. Here's the existing markup (which I can't change, otherwise then it'd be an easy problem and I could solve it myself!): <a title="1 topics" href="http://localhost/tags/amis/">amis</a> (1) <a title="2 topics" hre...
Hi all, I have my website getting a value as a result of an ajax call. After that, I would like to insert that result (a string) into a tag. However, I would like to insert that result in a way that (1) it must have opacity = 0, then (2) it will slideDown() so the whole content list being pushed down using animation, and finally (3) cha...
I'm creating a jQuery plugin that that is rather large in scope. In fact, the plugin technically consists of a few plugins that all work together. (function($){ $.fn.foo = function(){ //plugin part A } $.fn.bar = function(){ //plugin part B } $.fn.baz = function(){ //plugin part C } }(jQue...
I am trying to do 2 things: 1: append a div to the body 2: make all clicks to links class 'editlink' make a popup and not go to their href Doing just #2 is fine: $(document).ready(function(){ // $(body).append("<div>Hello world</div>"); $("a.editlink").click(function(event){ alert("Javascript-endabled users should see this"); ...
I'm using Javascript to pull a value out from a hidden field and display it on a textbox The value in the hidden field is encoded. e.g. <input id='hiddenId' type='hidden' value='chalk & cheese' /> gets pulled into <input type='text' value='chalk & cheese' /> via some JQuery to get the value from the hidden field (Its at t...
Hi I have the following code appearing multiple times on an html page (text values differ): <div> <a href="1.html"> <span class="e"> <span class="1">stuff1</span> <span class="2">stuff2</span> <span class="3">stuff3</span> </span> </a> <a class="click" href="2.html">link</a> </div> what I'm trying to do is when the li...
I'm building a website with around 250-300 thumbnails on a single page, contained in 5 different divs which can each be scrolled horizontally. During the loading stage, however, I need to be able to click on a thumbnail and load the full-res picture in the lightbox. I've looked at Jason Buntings answer in How to display loading status w...
I have a list of "li" tags and I can hide and show no problem through RJS based on user input but what the data gets saved and then the user comes back the next day, how do I make it so the page comes with the elements still hidden? In other words, based on data in a model, how do I tell an element it should be hidden? ...
rules: { firstname: "required", lastname: "required", birthdate: { date: true, required: true, minimumAge: true }, consent: { required: function(element) { return getAge($("#birthdate").val()) < 18; $("#consent").show(); } } }); $("#consent").hide(); I want to show a check box for consent if the age of the user i...
How can I make an animated mouse move across the screen and click a button? It would be good for demonstration purposes! Ideally, it would be in javascript and/or jQuery. EDIT: there is a gigantic javascript file that the page calls, and that would take me a long time to parse and understand. That is why i am asking ...
I am using ASP.NET Mvc to display a JQuery dialog that has a few input fields. I now need these fields to submitted to an action method like how a normal HTML submit button would work on an ASP .NET MVC application and i want to harvest data in dialog to Mvc controller. How do I accomplish this? This is my data form <% Html.BeginForm("...
Here a short test to demonstrate my problem. I have a page that loads an iframe: <html> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> </head> <body> <iframe id="iframe" src="box.html" style="width: 100px; height: 100px"></iframe> ...
Hi all, In the function given below i am sending a harcode value in droppable function i.e tag. I want to find out on which element this file (.File_div) has been dragged so that i can pass that value in the tag variable.How can I do this? function dropFile() { $(".File_div").draggable({ helper:'clone', revert: 'i...
Hi, I have a div which pops out on mouse over and i am inserting some content using html(). And i want to some part of code to be remain without manipulation. <div id="pop_div" ><span>X</span></div> $("#team_div > ul img").bind('mouseenter',function(){ $("#pop_div").html('<img src="' + img + '"/>' + content ); }); and onclick i...
I have an ASP.NET page where i have a div.I have another ASP.NET page where i have embeded a flash file (.swf) .When i executes the second page.It will come correctly.Now i want to load the out put of the second page to be rendered on the first page.I checked the load method in jQuery. But its not working when in am rendering a flash mov...
JQUERY 1.3.2 CYCLE PLUGIN (http://malsup.com/jquery/cycle/) IE8 IE7 (aka compatible view in IE8) I have a website with 2 tabs. The first tab contains a slideshow that uses cycle, the second tab contains text. When you click a tab, the current content div fades out and the correct content div fades in. This is the expected behavior and ...
<div id="message" style="display: none"> <!-- Here I want to place a message. It should be visible for 3 seconds.Then clear the div to get ready for the next message. --> </div> How can I do the following using JQuery ? 1.Insert a message into div with id="message" and make div visible. 2.Make the message visible for 3 seconds....
for example: .Title { color:red; rounded:true; } .Caption { color:black; rounded:true; } how to select by property named "rounded"? css class name very flexible. $(".Title").corner(); $(".Caption").corner(); How to replace this 2 operation to one operation. Maybe like this: $(".*->rounded").corner(); this seems stupid to ...
I am creating a page that uses AJAX to switch content, and each of the 5 pages have their own background colour. Changing the page, makes the current background animate to the new one. I have 24bit PNGs with alpha transparency which overlay the background colours changing (it works alright). There is however, one small problem. On occa...