Striping Rows Pulled via AJAX
I have some ROW striping code that works really well (thanks to a tutorial here). <script type="text/javascript"> $("document").ready( function () { $(".data tr").mouseover(function() { $(this).addClass("over"); $}); $(".data tr").mouseout(function() { $(this).removeClass("over"); $}); }); </script> <table class="data"> <tr> <td>row one</td> </tr> <tr> <td>row two</td> </tr> </table> The issue I am having is when
Vertical Image Flow Plugin
Does anyone know of a plugin or a website that has implemented a gallery similar to Image Flow except vertical instead of horizontal? Basically what im looking for is a vertical gallery scroller that makes the image appear to grow larger as it reaches the middle, then it shrinks back down as it gets further from the middle. Thank in advance! http://finnrudolph.de/ImageFlow/Examples
Dialoge opens like a link
Hello! I have a problem with the jquery mobile dialoges. Here is my definition of the Link to open the popup: <a data-icon="add" data-rel="dialog" id="addAttachment" href="#attachmentDialogue">Attachment add</a> Here is the code for the popup inside the same html file: <div id="attachmentDialogue" data-role="page"> <div data-role="header" data-theme="d" data-position="inline"> <h1>Attachment hinzufügen</h1> </div> <div data-role="content" data-theme="c">
jquery help with variables and click function
I'm creating a click function for a set of links that changes the background image of each of those links( different images for each link). What I have is this: $(document).ready(function(){ $('#nav a').click(function() { //$('#hlink').css({ backgroundImage : "url(images/home_animate.jpg)" }); });which all works fine, but what I want is this: $('\'#' + $element + '\'').css({ backgroundImage : "url(images/home_animate.jpg)" });where $element stores the id of the link clicked. any help would be great.
table in dialog
How to insert a tabel into a dialog? table can not be in a paragraph (<p></p>) so is there a solution?
Differentiate Unload Events
Is there a way to differentiate the unload event? I would like to only execute on a window/tab close or domain change without executing on back/forward/refresh.
I need help with a Ticker and Nivo Slider Plugins........Please
First and Foremost, Hello I am a beginner.I have got a question. Before I ask the question that I need help with is anyone familar with the Nivo Slider http://nivo.dev7studios.com/. Well I have got it up and running on my website (in development stage right now) but what I was wanting to do is put a 'SimpleTicker' on the bottom part of my site and for some reason I think something is conflicting with eachother. The ticker is running correclty but my Nivo Slider is not running nor does it even
Stop Propagation of Space-Key
Hi there, as a little side-project, I want to make a search engine that behaves similar to the "Just Type"-Feature of Palm webOS: When the user presses a key somewhere on my site, a box scrolls in containing the typed letters and the search results. In order to realize that, I bound a "keydown" event to $(document). I have but one problem: the "space" key. It is correctly recognized, the space is concatenated to the search term; but then, the site scrolls down (found out it's the default action when
Toggle reset
I am creating a checklist and have placed all the bullet points in a table. I also have a button after the table that sets the html of the checkboxes to a space - I would like this check box to reset the click counter of the check boxes, how can I do that? Here is the code for the scripts. <SCRIPT LANGUAGE="javascript"> $(document).ready(function(){ $(".chk").toggle(function() { $(this).html('✔'); }, function() { $(this).html(' '); } ); }); </SCRIPT>
expand which api should I take?
Hello, I'm trying to do the following: If i hower over the first box (headline) it will expand to a bigger box and text above the headline will be shown! How can i do that? (it should has a slide effect on it). I tried to use .css() method but this hasnt any slide effect. Thanks and Best Regards!
Just learning but I need a little help.
First and Foremost, Hello I am a beginner.I have got a question. Before I ask the question that I need help with is anyone familar with the Nivo Slider http://nivo.dev7studios.com/. Well I have got it up and running on my website (in development stage right now) but what I was wanting to do is put a 'SimpleTicker' on the bottom part of my site and for some reason I think something is conflicting with eachother. The ticker is running correclty but my Nivo Slider is not running nor does it even
[Tabs] A scroller menu for the tab buttons
Hi, I was wondering if something like this exists with jquery, I want to have a scroller menu for my tab buttons Thanks,
If one div is shown, close the other when showing a new one
I have this code which when you click the delete button of a particular row, it shows up the div .delete over that particular row, and when clicking on the cancel button on the .delete div, it'll close that the .delete row revealing the .row div again (the .row div doesn't actually hide, I handle the overlay with z-index). However, I want it so that if one .delete div is already shown I want it to close it before revealing a new .delete div, so you can never have 2 .delete divs open at any given
JQuery + .NET + Ajax + Silverlight
I want to save the position of the dialogs on the page in the .net code behind. i have placed this inside an ajax script <asp:ScriptManager ID="ScriptManager1" runat="server" /> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <Triggers> <asp:AsyncPostBackTrigger controlid="Button1" eventname="Click" /> </Triggers> <ContentTemplate> <asp:HiddenField ID="HiddenField1" runat="Server" Value="" />
Keep the 'accordion' menu open
Hay, I've got an question about a 'accordion menu', When I add a 'current' class to my list item, <ul id="TEST"> <li><a href="#">Example 1</a> <ul> <li><a href="#">Example 1.1</a></li> <li><a href="#">Example 1.2</a></li> </ul></li> <li><a href="#">Example 2</a> <ul> <li><a href="#">Example 2.1</a></li> <li class="current"><a href="#">Example 2.2</a></li> </ul></li> </ul> I'd like the the 'current' menu item stays open on the new page. What line of code do I have to add in
Speed Up An Ajax "Search As You Type" Function
Hi everyone. I'm working on a 'live search' for some products in my database. I use a web method in an aspx page to hit the database up for data. The search fires off on each keyup event. Here's the code that is fired to get the search results: jQuery.ajax({ contentType : 'application/json; charset=utf-8', data : '{"searchString":"' + jQuery('#searchText').val() + '"}', dataType : 'json', error : function (response) { getSearchResultsFail(response); }, success : function
Why html element created on fly is unable to use appendTo method ?
Please view this code: <script type="text/javascript"> $(function(){ $("<p>Hi all</p>").appendTo($("p img")) }) </script>I am just trying to add a newly created P element to another P element that contains images with the help of appendTo() method. But i am getting this error: Unexpected call to method or property access. Can you please tell me why this is happening ? It is against the documentation in jQuery official web site.As you can see it is clearly written there: With .appendTo(), on the
Fill a bubble with the HTML of a hidden div
Hi, I'm quite new to the jquery and javascript stuff. I used the "CreateBubblePopup", filling it with html directly in javascript. Until now, it was working fine. For some reasons, now I need to write this HTML inside the page (in a hidden div), and then load this html inside the bubble when it's created. Here is the code : HTML : <a class="bubble" href="..." > <img alt="Détail" src="plus.png" /> <div class="hidden">Here is the HTML that will be displayed in the bubble.</div> </a> Javascript : $(".bubble").each(function(){
Issue with UI Tabs (loaded via ajax) and form data
I am attempting to set up an interface that has a form containing filters about some jQuery UI Tabs. The tabs are loaded via ajax. When I click on one of the tabs, I want the data from the form to be submitted to that tab. I set up the ajaxOptions to grab the data from my form, serialize it, and POST it to the url. I have caching turned OFF, and I have caching for the ajaxOptions turned OFF. This is the code I am using to set up the tabs. $("#schedule-tabs").tabs({ ajaxOptions: {
jquery carrousel plugin not working when i add items dinamically from xml file
hi, i'm trying to add items dinamically to a carousel jquery plugin.THe items are added bt the carousel ignores them. The carousel take the items to show from this: <div class="viewport"> <ul class="overview"> <li><img src="images/picture6.jpg" /></li> <li><img src="images/picture5.jpg" /></li> <li><img src="images/picture4.jpg" /></li> <li><img src="images/picture2.jpg" /></li> <li><img src="images/picture1.jpg" /></li> </ul> </div>
Not able to do more than one thing with jquery datepicker
Hi everyone, I'm new to jQuery, and it seems like an amazing tool once I figure out what I'm doing wrong. I'm using the awesome datePicker plugin, but am just not getting something right. I can't seem to be able to get datepicker to do more than one thing. To help myself figure out what Im doing wrong, I created a very simple example: <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" media="all" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"
loop trough list of elements and update hidden field seperated by vertical line and comma
I can have a unlimited set of list items and form fields (limited) in li: <li id="apr1"> <textarea class="thisistext">blablabla</textarea> <input class="imgid" type="hidden" value="450"> <input class="order" type="hidden" value="1"> </li> <li id="apr2"> <textarea class="thisistext">bimbimbim</textarea> <input class="imgid" type="hidden" value="455"> <input class="order" type="hidden" value="2"> </li> etc What I want is, write the contents of of all field in hidden field for update to database: The
Textarea value selection
Hello, i have multiple divs like this one: <div class='container'> <textarea class='message'></textarea> <input type='button' class='button_class' value='Post' /> </div>what im trying to do is to get the textarea.message value everytime i click on .button_class ... the problem is that i have multiple textareas so i
background-repeat
I'm writing a basic code where i'm trying to correct the background of my site that is in PNG with the filter from Microsoft to correct the error. Unfortunately Internet Explorer has only two methods that are good for use. The scale and the crop. I was wondering if anyone has a technique to make that supports background-repeat using jQuery? I spent three days trying to find or create some method, but nonewere successful.
question on filtering <a> tag with click() function Please help!
Hi, could you help me? I have this code $("a").click(function() { $("#loadingGif").fadeIn("normal"); }); this works well in my case but the problem is that this works to all text link when clicked. I don't want this click event to effect on anchor with class="menuHead" such as: <a href="http://example.com" class="menuHead"></a> Is there a way I can put filter or exception on $("a") so that <a> tag with class=menuHead will not be affected? thank you in advance. I am new to jquery and am enjoying
attach click event to fieldset instead of disabled submit button?
Hi all, I have a disabled submit button sitting in the fieldset of a form. What I'd like to do is attach a click event to this button, but from what I understand this can't be done since you can't attach events to disabled elements. Is it possible to attach it to the fieldset? I'm not completely familiar with event bubbling but maybe it's possible to capture the element clicked? All help appreciated :)
jQuery validation
Hi Guys, I need to use jQuery for validation but I'm not entirely sure how. I have an input field just with a simple "what is 4+3" label but I want to make sure that the value entered is equal to 7, I think I need to use .val() in here to do this but not entirely sure how. Any advice greatly appreciated.
Help with history object, back and forward buttons in ajax content
I need help sifting through the mounds and mounds of mis-information and folklore associated with retrieving content via ajax and keeping the history object, back and forward buttons working. I took a look at a history plugin (or five) and they all seemed to mess up the jQuery namespace something terrible. So I tried taking the most understandable of these plugins and namespacing it myself, but I just don't quite get it. As such, could someone point me to a valid tutorial that explains how to manage
Simple routine works on static page but not on Tumblr -- seeking help
Hello forum, this is a newbie post but I can at least say I have something working. I adapted a bit of code that I found somewhere, to give me a conditionally fixed sidebar (it remains fixed unless you scroll all the way to the bottom of the page, where it gets bumped up by the footer). It works on a static page with self-contained code (HTML, CSS and Scripts in one page except for the call to JQuery 1.3.2): A Static version of the page is here, working It may not be the best written piece of code
Help updating two divs at the same time from long running PHP script
Hi people - fairly new to Ajax and JQuery, hoping someone can help here. I have a page which displays a "process monitor" div, loading its content in a continuous loop (until the process finishes) from a PHP / MySQL script. This works a treat. There is a button on the page which does three things (1) use .get to fetch the next process id from the MySQL database, (2) starts the process monitor refreshing itself to watch for updates in MySQL (using process_id value), and (2) starts the long-running
Past the value of the combobox
Hi this is my first post. My problem is when i'm using a combobox html and submit the text and the value. So the past values are the values of the previous request. Request: $('#form_vendedores', tab_corrente).ajaxForm({ beforeSubmit : function() { msgCarregando(); }, data: { tipo: 'consulta', nomeVendedor: $('#form_vendedores select[name=codmaq] option:selected').text() }, target:
jQuery glossary
Any help would be much appreciated, I've got a glossary function that I need to extend. Currently I add terms and definitions to a div inside my html page. The jQuery function retrieves these as $term and $definition. It then loops through a named ID of a content div to match any instance of my terms and then replace the html to show a tool tip with Term and definition. What I'd really like to achieve is to find the only the first instance of my 'term' in the content div and apply the tip to that
UI-Tabs in IE7
Hi I encountered a weird bug that i don't know how to fix. Searched and tried everything but to no prevail. I have a asp:dropdownlist inside my ui-Tabs and below the dropdown are many checkboxes (<input type="checkbox"). The weird part is that when i click the dropdown i cannot make selections and it closes quickly. However the dropdown works correctly if: i) i move the contents outside of the ui-tab; ii) i replace <input type="checkbox"> to button, textbox etc This problem is only happening in
How can i copy $(this).html() by value, NOT by reference?
Hi, i'm trying to copy the HTML-Content of an element to a variable, after that i want to change the HTML-Content of the element. How do i copy by value? Default it seems to be copied by reference, i.e. i copy the html-content to a variable, then i change the html-content, and it is changed in the new variable as well. Here's the code: $(function(){ var editedTarget = null; var currentTargetValue = 0; $(".editable-target").click(function(){ editedTarget = $(this); $(this).css("padding","0"); console.log($(this).html());
mouseup event dialog position
Hello!, how do i get the current position of a standard jquery dialog when the mouseup is triggered? there could be many Dialogs on the page so it must get the position dynamic from the x1 .... xX dialog. i have attached the event to the ui-dialog-titlebar class that all dialogs use as i want the event to be triggered when you move the dialog, but how do i get the current dialog position when i release the mose?
I m facing problem for Country and State drop-down.
Hi All, I am using JqTranform Plugin in my site. Everything goes well but small point is remaining. I am using Country and State drop-down i.e when US as country is selected then there should be State Drop down else for other countries text box should be there. But in my case its displaying both Dropdown for state and a text box beneath it. Can you please guide me. I am using Magento framework, Waiting for solution. Thanks Bhushan Ahirrao
jQuery Cycle Plugin & Wordpress - How to get caption from div that contins the_title() and the_excerpt()
Hi, I'm trying to use jQuery Cycle Plugin within a theme that I'm currently developing. I've got the jQuery Cycle to display slideshow of post images on the home page. However, my problem is that I can't get it to display the content of a div that contains the_title() and the_excerpt() as a caption correctly. I'm using the following code: <script> $(function() { $('#slideshow').cycle({ fx: 'fadeZoom', timeout: 2000, after:
Why can't I see source (with view source) when jquery loads external html into a div?
I got some code that loads divs from other web pages into a particular div in my main page. In other words, I click on a button, and this tells jquery to load a fragment of a particular page into my main page. For instance if I have 5 web pages on rock stars, I could have 5 buttons, and each button could load one rock star's biography into a div on the main page (and replace whatever was there before). This works, and I do see the content that it loaded. But when I do 'view source' in IE, I
Move a div with mouse position
Hi, Here is my testpage's url : http://www.itch.fr/test/ I wrote this little code in order to move a div into another one, with mouse position. But my code works only when mouse is moving, as I want it to make the move continue when the mouse is to the left or to the right of the middle of the user's window. Here is the code : $(document).ready(function(){ //Taille du div container divwidth = $("#book_container").width(); milieu = divwidth/2; positionX=0; pixels=0; css=0;
remove(), replaceWith(), replace() problems
I am working with a webapp that contains jqGrid and prettyPhoto plugins. First round with selecting a row from the grid which fills specified divs with information works correctly. Pics and animations play as intended. But if my user would select another size of munitions (clicking on another menu drop-down) which would create a new jqGrid with new data. This is where I am having problems. In my onSelectRow sequences of jqGrid, I check for the presence of children on a certain div. If children
Next Page