Simple RegExp check slow on Firefox
Hello, I'm having problems with a simple script that makes Firefox slow down then block when a user enters more than 20 characters into in input box... Here's the Javascript test.js file : function domchk() { var domain = $("input#domain").val(); var reg = /^([a-z0-9]+(\-?\.?[a-z0-9]*)){2,63}\.([a-z]){2,4}$/i ; if (domain.match(reg)) { $("#ok").html("Correct format ..."); } else { $("#ok").html("Wrong format ...</p>"); } } function simple_chk(target_items){ $(target_items).each(function(){
[jQuery] JQuery Cycle Plugin - Slide effect
Hey guys, I'm re-doing a website and found this plug-in and an example script that I liked. Well I implemented one section and all was good, or so I thought... Past the first 2 sections, nothing works and it's the flipping # in the <a href> tag in the slide.js script causing the problems. There is a link that "activates" the slide up or down. Another problem is I'm a java script idiot and don't know how to fix it. I've been looking online all day today. Tried the onclick = "false" and javascript:void(0).
Populating a div
The company I work for recently stared using jQuery, and I need help implementing a fairly simple script. the problem is, I do mostly HTML/CSS and have only a cursory knowledge of JavaScript. What I'm trying to do is take a div and add some HTML to it. This is so I don't have to go into every page to add it. Basically the footer contains several links and I need to add one. Every page already references a .js file, and the jQuery file. This is what I have so far, that I got from one of the other
[jQuery] on blur validations is not working
Hi if user should check the check box then un check the check box that time i need to display the error message, currently is not working but it is working fine all form fields except check box and radio button. is it possible? but once click submit then user can check and un check on checkbox that time it will be working fine. kindly help me...........
2 Loading GIFs
Hi all. Brand new at jQuery and trying to get a few things going, so please excuse my ignorance here. I have a page with 2 places where users can load content with 2 different menus. So I have 2 sets of buttons and 2 div I load content into. I have 2 different div that I have a loading gif as well. Everything works fine, I mean the load works like it should, but when one button is clicked, both loading gifs display, and the same on the other buttons. Only the content I want loads, but both loading
[jQuery] Modify CSS with jQuery depending on visitors country
Hi, I'm quite new to jQuery and wondered if this was possible. I need to hide a bit of content on a web page if the visitor is outside of the UK. I'm wondering if jQuery can detect what language the visitors browser is set to (e.g. 'en', 'en-us', 'fr' etc) and then hide the content is the result is not 'en'? Any help would be much appreciated. Thanks! -- View this message in context: http://www.nabble.com/Modify-CSS-with-jQuery-depending-on-visitors-country-tp20504727s27240p20504727.html Sent from
[jQuery] Modify CSS with jQuery depending on visitors country
Hi, I'm quite new to jQuery and wondered if this was possible. I need to hide a bit of content on a web page if the visitor is outside of the UK. I'm wondering if jQuery can detect what language the visitors browser is set to (e.g. 'en', 'en-us', 'fr' etc) and then hide the content is the result is not 'en'? Any help would be much appreciated. Thanks! -- View this message in context: http://www.nabble.com/Modify-CSS-with-jQuery-depending-on-visitors-country-tp20504727s27240p20504727.html Sent from
[jQuery] I want to get all fields of a internal Iframe but it's not work with Jquery only with javascript on IE 6
This is my code context = $('iframe', window.parent.$.modal.impl.dialog[0].data) [0].document its no work on IE 6 but the follow code is working normaly context = window.parent.frames[0].document could you helpme? tks
[jQuery] flexbox - makes no mention of server-side coding
While this plugin looks very nice, there not the slightest mention of what the server script is provided. It must convey something about the user input but this is totally undocument as far as I could tell. The one mention is 'The call to results.aspx is ajax, and should return a JSON string ' and then the return structure is explained. OK, but what happens before that?
[jQuery] Problems using $.load() on remote contentw ith a large dropdown (select)
Hi all, I have a html page with a massive (200+ options) drop down: <select name="data[Something][country_id]" id="someID"> <option value="1">United Kingdom</option> <option value="39">Afghanistan</option> <option value="40">Aland Islands</option> .... etc etc! By itself, this paeg loads fine. When I try to ajax load it using .load, the select box doesn't render properly in any browser - IE gives an empty select, and dumps the countries beneath it, Chrome has an empty select and no sign of the countries.
[jQuery] .post trouble
Hi. I have a problem with .post(). I try to send this str: date=19.11.2008&title=Input title&description=Input description&keywords=Input keys&body= Test </ p> ggggggggg post function: $.post("http://bla-bla/post.php", str, function(data){ $("#answer").html(data); } ); This part of post.php: <?php $body = $_POST['body']; print "Main body: " . stripslashes($body) ." "; ?> If in variable "body" exist " ", then all the remaining data in variable "bode" will not transferred or will not appear
[jQuery] load() My param is splitted
Hi, When I want to send a param with line below: jQuery('#details').load('<?php echo $this->baseUrl ?>/myController/myAction/myParam/' + param, {}, function() {jQuery('#details').show();}); And if my param contains spaces, the param will contain the first word. E.g. param = 'hello world' URL will be [...]/myController/myAction/myParam/hello Can anyone help ?? Thank you. -- View this message in context: http://www.nabble.com/load%28%29-My-param-is-splitted-tp20576771s27240p20576771.html Sent from
[jQuery] Multiple entry add rows functionality
Hello, I have a requirement wherein the UI needs dynamic addition of records into a <ul> list. Basically the requirement is something like this http://devblog.jasonhuck.com/assets/infiniteformrows.html But this is not index based, rather it is just navigating the dom by parent reference. However I needed a indexed multiple entry block to keep the code cleaner. My approach was to keep a HTML attribute index and on event (like add button click) fetch all the elements with the id, then filter out using
[jQuery] How do I reference PHP for an ID value?
In a simple world the function i'm trying to perform is: $(document).ready(function(){ $("button").click(function () { $('.cars>#seats').slideToggle("slow"); }); }); But I'm working in Wordpress. What I'm trying to do is for each entry be able to toggle the main content of the entry to either a hidden of visible state. When a person clicks a button which is placed within the post next to the title text, the visible state of the main content is toggled. Using the simple example I can easily toggle
[jQuery] How do I reference PHP for an ID value?
In a simple world the function i'm trying to perform is: $(document).ready(function(){ $("button").click(function () { $('.cars>#seats').slideToggle("slow"); }); }); But I'm working in Wordpress. What I'm trying to do is for each entry be able to toggle the main content of the entry to either a hidden of visible state. When a person clicks a button which is placed within the post next to the title text, the visible state of the main content is toggled. Using the simple example I can easily toggle
[jQuery] Problem with "$(this).animate()" on IE (naturally)!!
Hi,everyone, I try to do menu with animate efect, but it doesn't work on IE or work in a strange way: animate "height" and "margin", but not the colors, or don't animate things in second function...?!! This is my function: " $(document).ready(function(){ $(".menuEffect").hover(function() { $(this).css({color:"white"}); $(this).animate({height:"50px", marginTop:"0px", borderRight: "1px solid white"}, 800 ); }, function() { $(this).stop(); $(this).animate({height:"25px",
[jQuery] prevent tab changing + user message
Hi to everybody, I'm trying to control tab switching depending on user answer to a dialog. Here is my code; var TabSolicitud = $('#SolicitudAguaTabContainer > ul').tabs({ select: function(e, ui){ $("#InfoDialog").html("Do you want to save changes?"); $("#InfoDialog").dialog({ modal: true, addClass: 'ModalInfo', resizable: false, title: "<img src='imagenes/messagebox_info.png' class='img_title' /
[jQuery] not a standard .attr task - needs a filter
Maybe it's the really late night I had but I can't figure this one out. First the html: <div> <a href="#internal">Internal Link</a> <a href="http://external.com">External Link</a> <a href="#internal2">Internal Link2</a> </div> ------------------------------------ in order to do something on the page instead of going to the link I need to filter it based on if it contains a # at the start. It's the perfect problem for the [attribute^=value] solution but this doesn't work... var link = $(this[href^=#]).val();
[jQuery] Help with jCarousel - plain list showing up while loading
Hello, I'd really be grateful if anybody would be kind enough to help me with this. This is my demo jCarousel site http://www.redevolution.com/wrapper/carousel-test/ The thing is while the page is loading, you can see a plain list of all the carousel items, which is very ugly.... Then after the page finishes loading, the jCarousel will show up and it looks great... Therefore I'm just wondering is it suppose to be this way or did I miss something? I'd really like to stop the plain list from showing
[jQuery] JQ freelance possible project('s)
Hi there, i just found you guys and happy I did. I am looking for a JQ programmer for possible freelance project('s) to give a major face lift to CRM and eCommerce systems GUI interface, for faster better web experience. (ASP/SQL, Part time as we go). Any recommendation?
[jQuery] Previous TD
Hello, Here is sample code: <td class="rsp2" align="center" rowspan="2"> 34 Days<br /> <a id="r2" href="javascript: void(0);" title="2">11/03/2008</a> </td> When I click on the date above I want to be able to change the rowSpan on the td that surrounds it. I cannot seem to get it right. Here is the latest thing I tried: $("#r"+id).prev("td").attr("rowSpan","1"); I also tried: $("#r"+id).prev(".rsp2 td").attr("rowSpan","1"); Thanks! Randy
[jQuery] Check if a variable is set?
I wonder if jquery supports something like this? (like php isset() function) I know I can certainly write a function for it, but I dont want to re- invent the wheel if jquery already supports it Regards
[jQuery] jQuery css opacity and 2nd level suckerfish menus...
Hopefully this makes sense to someone: I'm working on a site that is using http://htmldog.com/articles/suckerfish/ son-of-suckerfish dropdowns. I'm also using jQuery to make all the dropdowns slightly transparent (and work in IE), like so: jQuery('#topnav li ul').css('opacity', 0.93); works fabulous. problem is, i also have nested suckerfish lists, which fly out, http://htmldog.com/articles/suckerfish/dropdowns/example/bones2.html like this . the nested lists fly out perfectly for me without the
[jQuery] Image Roll Oover Script
I am trying to re-create this album thumbnail gallery roll over. http://gallery.me.com/idealer When the cursor rolls over the image it displays other images within the album. Is there a jquery script available that does this. I have not found one yet... -- View this message in context: http://www.nabble.com/Image-Roll-Oover-Script-tp20543666s27240p20543666.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Dynamically Created TextArea
I am creating a form to where a user will be able to create as many additional textareas as they would like. However, I need to add the ability to have them be able to click "remove" next to the added textareas so that that textarea will be removed. I would like the "remove" to be an option up until only one textarea remains. The following is what I have creating the textareas on the click of "add_description" $("#add_description").click(function(){ $(':input[type="textarea"]:last').after("<textarea
[jQuery] text link to fire Jeditable
Hello, I am using Jeditable. Currently firing the plugin when the editable div is double clicked. I'd also like to add a text link outside of the editable div, and when clicked, it would make the div editable. Just want to give my users a visual cue for those that aren't yet aware of the ability to double click. Can someone let me know how to do this? Thanks!
[jQuery] Superfish menu stays under floating element
Hi, I've been googling and trying things, but I don't seem to find anything tangible. I'm using the latest version of superfish with jquery 1.2.6 Below the menu is an element (div with image) that floats left. FF and Safari display the menu properly. IE6 and IE7 push the menu below the floating element, so parts of the menu are not visible. Funny enough, the old version of superfish I was using for quite a while now doesn't have this issue. I tried experimenting with zindex settings for the menu,
[jQuery] Autocomplete: Show full list before start typing
Hi all I've a filed that use the Ui.autocomplete plugin to show the list of possibile values, this list is shown when i start typing but i need to view the full list before start typing. This list is small (max 15 items) so there's no performance issues. There's a method to do this? Thank you. Mello.
[jQuery] Ajax call with a Form button
Hi everyone, I am attempting to fetch a page via ajax when a person submits a form button. JAVASCRIPT: function sEngFam(str) { $('#south').html('Loading data, please wait...').load("select3.php? q="+str); } HTML: <form name="form" method="get" action=""> <input type="text" name="q" value=""/><br /> <input type="button" onClick="sEngFam(this.form)" name="submit" value="submit"/> </form> When I click the button I see the "Loading data, please wait..." but the page then goes white. There is even static
[jQuery] droppable getting position of dropped element relative to the dropped div
hi on the call back of drop function i get the ui element with which i can get the following position.. # ui.position - current position of the draggable helper the above is relative to the div from which it was dragged # ui.absolutePosition - current absolute position of the draggable helper this is the absoluteposition i want the position of dropped element relative to the dropped div? how do i get that?
[jQuery] Jquery with Struts
Hi, I am using JQuery with Struts 1.1. I am using following code when user clicks on Save button: $('#save').click(function() { $.blockUI({ message: "<h1>Please wait...</h1>" }); $.ajax({ url: '/saveData.do?dispatch=save', type:'post', cache: false, dataType:'xml', complete: function() { $.unblockUI(); } }); Following is my struts code: <body onload=""> <html:form action="/saveTemplate.htm?dispatch=save" method="POST"> <div id="firstchildcontainer"> Name: <html:text property="templateName"/> Description:
[jQuery] Adding AutoHeight for Accordion SideBar
Here at work this morning with more complete source code. Here's a better description of what I'm trying to accomplish. The Height variable in my Javascript code is right now static and set at 320px vertical. [b]The problem [/b] is that since my height is predefined, yet my internals are dynamic because of the accordion menu, as soon as my menu accordions out, most of my content is then hidden. I will need to compress these into on js plugin, (probably be foremost), and great a height variable that
[jQuery] Validate. True and False
Hello, On a Register form I am using remote validation to check if the username already exists. But on a RecoverPassword form the error will be if the user is not found. Basically, in both cases the remote method is the same: UserExists returns true if the username exists or false otherwise. But in Register form the error message is displayed UserExists returns true and in RecoverPassword the error is displayed if UserExists returns false. Do I need to create to methods or is there a way, in Jquery
[jQuery] Get the content of an option element
Hi, to get the selection option value, I use $('#select').val(); But how do I get the content of the option ? In other words: <select id="select"> <option value="hello" selected>world</option> </select> $('#select').val(); will return "hello", but how do I get "world" ? Thank you ! -- View this message in context: http://www.nabble.com/Get-the-content-of-an-option-element-tp20563344s27240p20563344.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Changing a TD into a TH in an existing table
Hi all, We're using a 3rd party widget to generate some data-grids. For accessibility reasons, I need to change some of the TD's into TH elements and add a "scope" attribute. I'd rather not hack around in the 3rd-party source code to do this, as I thought jQuery should be able to handle it. Here's my code: $("#mytable td.cell-label").after("<th scope='row'>NEW TH</th>"); $("#mytable td.cell-label").remove(); NOTES: * All the TD's with the css class "cell-label" should be turned into "TH"
[jQuery] Bug with "E[foo]" selector on <option> tags
Hello,<div> </div><div>I'm having a problem with a CSS selector on <option> elements. I'm u<span class="Apple-style-span" style="font-family: -webkit-monospace; font-size: 12px; white-space: pre; "><span class="Apple-style-span" style="font-family: arial; font-size: 13px; white-space: normal; ">sing jQuery 1.2.6 and FireFox <a href="http://3.0.4.">3.0.4.</a> </span></span></div> <div> </div><div><span class="Apple-style-span" style="font-family: -webkit-monospace; font-size: 12px; white-space: pre;
[jQuery] redirect on select
Hey, I really love this autocompleter, however i would like to know if it is possible to go to a page when selecting a result. Something like facebook, where you type the name of a friend and the the results come out and then when you click on one you can go striaght to your friend's profile. Thanks in advanced. Ps im using the singleBirdRemote input.
[jQuery] getJSON and twitter
I wrote a blog post awhile ago on how to pull in Twitters API via JSON and consume it with jQuery. http://damnralph.com/2007/11/20/PullingTwitterUpdatesWithJSONAndJQuery.aspx As you can see in the comments some people are having problems with the code I posted. The problem seems to be when you reload the page. jQuery seems to add a second callback method thus making the JSON data from twitter invalid and breaking the javascript on the page. Here is a page that only has the example code: http://www.damnralph.com/content/binary/twitter-json-jquery.html
[jQuery] autocomplete integration with DotnetNuke
I am trying to add autocomplete to a to textbox on my website (DotNetNuke version 4.9) that is used for search terms. If a add the following code to the site (skin file), the autocomplete works fine: <form autocomplete="off"> <input type="text" id="dnnSEARCH"</ form> The only trouble is I need to integrate this with my existing text box (search box). The code for my textbox (search box) on my site is: <dnn:SEARCH runat="server" ID="dnnSEARCH" CssClass="ServerSkinWidget" UseDropDownList="true" Submit="<img
[jQuery] Possible to use a non ID selector in .load()?
I'm loading a full page using .load() and trying to use a selector to only get part of the page, however it doesn't seem to be working. Is it necessary that the selector always start with an id? My code: $('#mydiv').load('/path/index.php body>center>table>tbody>tr:eq(2)
Next Page