jquery

How to show jQuery is working/waiting/loading ?

How do I show a loading picture and/or message to the user ? If possible, would I like to know how to make it full screen with grey-dimmed background. Kinda like when viewing the large picture from some galleries (sorry, no example link). Currently do I add a CSS class which has the image and other formating, but its not working for som...

Jquery How to use history plugin?

In my web application I am using ajax and now I'd like the back and forward browser buttons to work. So I went looking for a jquery history plugin and found this one: http://stilbuero.de/jquery/history In my code I use a function to load a page: function loadDocument(id, doc) { $("#DocumentContent").show(); // Clear dynamic me...

Pass codeigniter translation array to jQuery Function

Hi, I’ve a problem by passing an array to a jQuery function. Some code: // in the language file $lang['daynames'] = array('So','Mo','Di','Mi','Do','Fr','Sa'); //In the view <script type="text/javascript" charset="utf-8"> var config = { basePath : '<?php echo $base; ?>' }; // THIS WORKS GREAT!!! var days = new array(...

posting form with file upload

I am having trouble with uploading a file when using jquery. I have the following HTML in a form. <fieldset> <ul> <li> <div class="field"><input size="35" type="file" name="formFile" id="formFile"/></div> </li> <li> <div class="field"><input size="35" type="text" ...

Best use of Jquery sliders and PHP

Hello there, I have two questions: What's the best way to send sliders' values to a PHP page ? I'm associating each slider (several per page) with an hidden form so far, but I wonder if there's a "cleaner" way to do this. Related to the 1st question; I've some trouble with the script: var score = $(this).slider( "option", "value" );...

jQuery validation plugin for two fields

I am using the Jquery Validation plug-in, however i need to add a "custom rule", i have 2 date fields and i need to ensure that the end date is not less than the start date. My problem is how to pass the two fields in as elements. As i understand u set up a custom function something like this : function customValidationMethod(value, el...

How can I check in JQuery if a page is displayed in print mode?

At first I would like to point out, that I am not a JQuery person, I am just beginning my work with it forced by the fact that our front-end guy is sick. please be delicate with me:) In our application we switch to view mode by changing part of the url: .../view/rest/.... means normal mode, .../print/rest/... means print mode (site is...

FullCalendar with JQuery and Google Calendar

Hi, I have a problem with FullCalendar and Google Calendar. My FullCalendar does not show the Google entries. I need help, please :) <script type="text/javascript">// <![CDATA[ $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); $('#calendar').f...

Modify jQuery Highlight? Javascript Regex

How can I modify jquery highlight such that it doesn't find matches that appear directly before or after an alpha character? In other words, how do I prevent a match mid-word? /* highlight v3 Highlights arbitrary terms. <http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html&gt; ...

jQuery Draggable Problem

Im trying to get a div to be movable within the constrains of the browser window, by dragging the titlebar inside the div. My code is as follows: <div id='container'> <h3 class='title' id='titlebar'>My Title</h3> </div> <script type='text/javascript'> $(document).ready(function(){ $("#titlebar").draggable({ containment:...

prevent special characters in input fields using jquery

Hi, I want to block all special characters in the input fields using jquery, any suggestion in doing this? ...

jQuery: Apply css to image on click event

I want basically the same as http://stackoverflow.com/questions/530701/jquery-select-image a row of images that you can select one of. But I'm trying to style the one I select, and store it. var selectedicon = ""; function selecticon(){ $('#iconselect').children().click(function(){ $(".selectedicon").removeclass("selectedico...

jQuery Custom Lightbox issue

I have been writing my own Lightbox script (to learn more about jQuery). My code for the captions are as follows (the problem is that the captions are the same on every image): close.click(function(c) { c.preventDefault(); if (hideScrollbars == "1") { $('body').css({'overflow' : 'auto'}); } overlay.add(containe...

CSS issue in IE

Hi, My website contains drop-down menus at the top right corner of the screen. The drop-down is displayed fine, but when I hover over elements within the drop-down, IE renders them incorrecty. Firefox, however, displays them the way I want. The website is http://www.textsensor.com/test. Can anybody tell me what is causing the issue in I...

Adding button click event when Fancybox popup opened

I'm trying to add a button onclick event to a button tag when I load my Fancybox popup using the following code: var processOrder = function(id) { $('#processPopupLink').fancybox({ 'hideOnContentClick': false, 'frameWidth': 850, 'frameHeight': 695 }).click(); $('#processComplete').click(function() { ...

jQuery val not working properly in Chrome

I have a simple jQuery function: $('#selectable1 span').live('mousedown', function() { var ff = $(this).css("font-family"); $("#family").val(ff); }); When a span element is clicked (mousedown) an input (#family) gets its font family value. It works in FireFox but in Chrome it works only for font families composed from ...

CSS Related: Trying to position a div styled to look like a bar on a wepage

I'm trying to position a div tag on my page absolutely so no matter if you resize the page or not the div does not move position. . I've used absolute positioning in both the div tag and in some JQuery .css({position:absolute}), It still moves when i resize the screen. quite annoying. ...

I get NaN when I try to insert some HTML into a DIV element with jQuery

I am tring to display a text box when a element of class numObj is clicked. For some reason I get NaNNaNaNaNNaNNaNaNaN where I expect to the see the result of the searchForm variable in the code below. I know that NaN stands for Not a Number. What I don't understand is why is Javascript expecting a number? I can't understand why it care...

Jquery nested div .click event

The link #loadContent will loads tree.html. Upon success loading the content, the script reinitialize some functions which is in tree.html. However, I am unable to get the .click event to function in the loaded content. Index.html <a href="#" id="loadContent">Load</a> <script type="text/javascript"> $(function() { ...

Jquery Validation

Hi, Is there is any way to validate form using jquery on dynamic fields. I want to make it required fields I am creating form fields dynamically using Jsp. like <form name="myForm" id="myForm"> <input type="text" name="name1" value=""> <input type="text" name="name2" value=""> <input type="text" name="name3" value=""> <input type=...