jquery

jQuery qTip - link to a hidden div from inside a tooltip

I am trying to place a link inside a tooltip (qTip) that when clicked shows the content of a hidden div inside a lightbox (nyroModal). Regular anchor tag not in a tooltip links to the div opening content in a lightbox successfully. Code: http://jsbin.com/omafe/2/ Might need to copy code to notepad, save as html and open the file. (jsbi...

How to filter content using checkboxes? - jQuery

Hello, I am trying to figure out how to filter in/out content with checkboxes using jquery. Being very new to jquery I have no idea how to approach this the correct way. I would like three checkboxes like this: <div class="check_filter"> <div id="filter"> <input type="checkbox" id="apple" /><label for="apple">Apple</label> ...

execute php/javascript function after a certain amount of time has passed

Hey guys, I need to be able to execute either a php or jquery function to update a sql database every certain segment of time, 20 minutes for example, regardless of user activity on the website. Does anyone know the easiest way to do this? Thanks, any help is appreciated. ...

JavaScript not replacing all elements

I'm trying replace the index of form elements. I have the following var test = "<input name='[1].Id' value='598' type='hidden' /><input name='[1].OrderItemId' value='867' type='hidden' />"; alert(test.replace('[1]', '[2]')); I'm getting curious results. The first hidden field is replaced by the second is ignored ie my respons...

How to use jQuery to add static content to empty cell

Here's a sample table <table width="580" height="217" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="334">Website</td> <td width="246">Category</td> </tr> <tr> <td>http://www.google.com&lt;/td&gt; <td>Search Engine</td> </tr> <tr> <td>http://www.gmail.com&lt;/td&gt; <td>Web Mail</td> </tr...

HttpListener only gets first 900 bytes of InputStream when using jQuery.ajax()

I have a very simple class using HttpListener to receive an HTTP POST from a browser via an AJAX request. I've included a demo that highlights this issue: private static void HandleRequest(HttpListenerContext context) { using (var inputStream = context.Request.InputStream) { for (int i = 0; i < context.Request.ContentLen...

Jquery: How do I address :before classes?

My goal: Mousehover a link, have a certain element on the page change the .class:before content to something from the link title. Therefore: I want to change the content of a .class:before, namely .test:before. However, $("#test:before").css("content","whatever the content should be"); does not do the job. How do I adress :befor...

asp.net-mvc jquery dialog url with target=_blank doesn't work

Hi, I have a jQuery dialog showing a few items, with a link to open the item's order information in another window. This works fine on a regular view, but when I use target=_blank on a jQuery modal dialog, it does not open another browser window and instead navigates the page under the dialog to the URL. Any ideas how to work around th...

Can you fade in just the background css of a class in jQuery?

.myDiv { background: url(/images/myimage.jpg); margin: 0 auto; } <div class="myDiv"> Click Me! </div> I just want the Background image to fade, and not the the text Click me. Is that possible in jQuery? Here's my attempt : $(".myDiv").hover(function() { $(this).css("background", fadeTo("slow", 0.5)) },function(){ $(th...

jquery arabic letters support

hi guys try this code it works very smooth Html <html><body> <div id="container"></div> </body></html> Jquery $('<div id="footer"><p>جميع الحقوق محفوظه لشركة</p></div>').insertAfter('#container'); but the problem in Arabic letters its look like that ������������������������ ...

jQuery.addClass() behaviour, all at once

I have this simple jQuery call to highlight a bunch of elements (couple thousand): jQuery(elem).addClass('highlighted'); What the browser does is it quickly adds the class, but does not repaint the element. Is there a way to render each "highlighted" element as soon as i add the class. Right now the user sees a stutter until my loop o...

Get php results with jquery ajax

I don't know why I am having a hard time with this, but it's about time I came up for air and asked the question. What is the best way to call a php file with jquery ajax, have it process some inputs via $_GET, return those results and again use ajax to replace the content of a div? So far, I can call the php file, and in the success o...

CSS / Jquery Fixed position and mystery margin in Safari & IE

Hey. I'm using jQuery to make a fixed drop down sub-navigation at the top of the page when you mouse over the fixed nav. I do this by changing an element that was previously relatively positioned to fixed positioning. However this produces an undesirable 10px margin in IE7 and Safari. At first I thought it was the margin produced by t...

Using JQuery UI's sortable('serialize') after loading data in via .load();

I have a page (page1.php) where I am using a select box to load in another page (page2.php) into a DIV. Inside page2.php there is a UL that loads data from a database (via PHP) into LIs and the are sortable. My problem is, when I load page2.php by itself, it serializes fine. However, when page2.php is loaded via .load() into page1.php, ...

Bind different functions for just created li elements

I create li elements dynamically: <ul> <li id="1">1</li> <li id="2">2</li> <li id="3">3</li> [...] </ul> li_id is an array value which returns li id (=1,2,3...) How can I bind different functions to every li element in code like this: for (li_id in lids) { console.log(li_id); $(li_id).bind('mouseover', funct...

ASP MVC Jquery Tabs

Hey all. im writing application on asp mvc. so, i have jQuery tabs on index.aspx, which contains same ascx control - "ChildMain": <div id="tabContainer1"> <ul> <li><%=Html.ActionLink("test1","ChildMain")%></li> <li><%=Html.ActionLink("test2","ChildMain")%></li> </ul> </div> $(document).ready(function () { ...

Javascript DIV positioning

Hello, I am working on some JS to display a Twitter-eque error/success banner. I would like the banner to be visible at the top of the browser (FF, Chrome, Safari) for the duration of the time it is in view (including if the user decides to scroll somewhere else). I can't figure out the solution however. Another issue I am having is wi...

I want to execute a function when new dom elements are added somewhere in the body

Hi, I would like to execute a function when new dom elements are added via ajax, somewhere in the body, by a 3er party JS. The function i want to execute is jqueryui's tooltip(), which changes title attribute into nice tooltips. The problem happens when a 3rd party JS adds new elements to many differents div's, and the new element's 't...

jQuery.validate errorPosition not working correctly.

Hello all, jQuery.validate errorPosition code: errorPlacement: function(error, element) { error.appendTo(element.siblings("label")); }, That code works brilliantly when there is only one element below it's label. Does NOT work: <label for="location">Location:</label><br /> <div id="location"></div><b...

jquery assistance with image on image

I am working with jquery. I have a main image. When I place the mouse over the main image, I would like the following to happen. Another image gets placed over the image, this image much smaller and be placed towards the bottom of the main image. Also when the small image appears, if I click on it, an event is fired. Eg. alert box is...