Add text in the beginning of element
Let's assume I have an a-element <a href="url">Link text</a> I know how to append text $('a').append("Some text"); I would like to add text before the Link text so it would look like this: <a href="url"> Some text Link text</a> Any suggestions?
jQueryUI Tabs look very large in IE 8
Is there any reason why my jQuery UI tabs would appear 3 times larger in IE 8 than in Firefox or Chrome? I use jQuery tabs throughout my site without a problem. The on one page I decided to nest in a set of tabs. This works fine on Firefox and Chrome, but on IE the tabs and associated fonts have become huge. I don't think I'm doing anything weird in CSS. Here's what my code is like (yeah, I ripped it off from another post I submitted recently :-)) : <div id="main" class="ui-widget" ..... <div
Targetting specific nested elements of $(this) efficiently
My HTML: <div class="home-button"> <span><a href="#" style="">Button</a></span> </div> I have an instance of a div (button), inside this div is a link wrapped in a span. When you hover over the div (".home-button")I want to move the background position inside its "span a", I've achieved this using the code below. My Script: $(".home-button").hover( function () { $(this).children("span").children("a") .animate({backgroundPosition: '0px 0px'}); }, function () { $(this).children("span").children("a")
Loading external pages to minimize loading constraints
I am pretty new to the jquery mobile platform. The one issue i have is that if i am loading a external page that requires jquery mobile skinning. It will not only skin the external page but It will apply skinning to the main page elements. How do i control the skining of elements. Is it possible to SKIN a area based on div id? here is the code i am using to load a external page. Any help is much appreciated i am stuck on this one $('#myDIV').load('content.html', function() { alert('Load was
from where i should start work on jquery?
Hi friends, I am new in jQuery i never used jQuery and also new in development field anybody can tell me how can i start using jquery in my project. I am working in asp.net web application .net 2008 ver 3.5. and give me some link or article for using jquery easily. Thanks Shiv
.scroll() API
Hi How can I intercept the button that triggered the event scroll
Conflict between jquery-1.4.4.min.js and another javascript code
Link : http://localservicii.ro/SDC/site/prima.html I use jquery-1.4.4.min.js for change tab. jquery-1.4.4.min.js cancel the function of this javascript code: <script type="text/javascript"> var box = {}; window.addEvent('presentationBanner', function(){ box = new MultiBox('mb', {descClassName: 'presentationBanner',x:0,y:-30}); }) </script> <script type="text/javascript"> var BannerRotator = function(){ var bannerList = document.getElementById("list_of_banners").getElementsByTagName("li"),
IE7 / IE8 scroll bar not recalculating content height, when using .slideToggle();
Hi, IE7 / IE8 scroll bar is not recalculating content height, when using .slideToggle(); so content panels when expanded are lost off the bottom of the page - see screenshot. Has anyone else had this problem? What is the fix? I have tested in Chrome, firefox, opera (it even works in IE6) just not IE 7 and 8... I have attached a screenshot. The weird thing is the slider I am using for the areas causing the problem (pictured) I am using because they allow multiple instances of the slider on the page.
Drag & drop into iframe
Hello guys. I need to drag a div element from the body section of a document and drop it into another div. The droppable div is into an iframe. How can i do this? I'm getting myself crazy. Kind regards and thanks for advance.
Why does the draggable plugin call my on-drag function before moving the draggable element?
This question comes from the problem I described in this thread: http://forum.jquery.com/topic/need-help-fixing-wobble-for-a-draggable-object#14737000001649978 I would expect that the draggable sequence of events might look something like this: 1. User clicks and drags mouse 2. JQuery UI moves the draggable element. 3. JQuery UI runs the specified drag function. Based on my experimentation, it appears that it actually follows this sequence: 1. User clicks and drags mouse 2. JQuery UI runs the
Sortable wont work after creating new dynamic tab
Hi How do I bind the contents of a dynamically created tab so that I can use the contents as a sortable container? I cannot drag into it after creating a new tab. var $navigation = $("#navigation").tabs({ tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-wrench'>Edit Navigation Item</span><span class='ui-icon ui-icon-close'>Remove Navigation Item</span></li>", add: function(event, ui){ var tab_content = $tab_url_input.val() || "Tab content.";
Conflict between jQuery JavaScript Library versions v1.3.2 and v1.4.2
Hi, I am using jQuery JavaScript Library v1.3.2 for jquery calendar . After that i added v1.4.2 for lightbox,Then calendar part is not working at all. If i remove v1.4.2 the lightbox thing is not working.In that case calendar is working fine.Please help me to sort it out. Regards, Muktha
[validation] How to get a php variable after an AJAX request
Hello, I use JQuery validation plugin to handle my forms, and I'm using the remote option for some inputs, aside from the usual 'true/false' to detect if the field is valide or not, I need to get a php variable generated on the server, but I don't know how to do it, any ideas ? Best regards,
Need to have autocomplete on radio button
Hi Guys, I have a text box(say txt) and radio buttons. user types in something in that text box (say 3 letters). Then he selects one of the radio button.After user selects the radio button values should be fetched from database and should be shown below that text box as auto complete. Any idea as how that can be done using jquery auto complete feature. If it cannot be done using jquery auto complete any idea how can that be done ? Its my urgent requirement
dynamic clock plugin
I've written some javascript for a dynamic clock that updates every second on some websites that I manage, and I thought I'd try turning into a jQuery plugin to make it easier to share and to integrate into jQuery enabled websites. There are already some clock plugins out there but from what I see, they all take the time from the client computer's system time. I wanted one instead that could take any timestamp and start updating from there, so you could pass in a timestamp from the server using a
jQuery: code to validate before submitting
Hi, I'm trying to validate my form before submitting it. I'm trying it with this code below, but it always submit the form values: $('#gestione_profilo').submit(function () { $("#gestione_profilo").validate({ rules: { 'person_data[document_number]': "required" }, messages: { 'person_data[document_number]': "required" } }); form_data = $(this).serialize(); $.ajax({ url: "<?php echo url_for('profile/index') ?>",
Addition to Number Textbox
Hi, My self Ankur Raiyani. I posses 4 yrs of experience as J2EE developer. Here i have tried to develop a small addition to plugin. This functions identify the number text box using an attribute and apply 2 functionality. (1) it will only allow numbers. (2) it will automatically apply given format while typing. Please refer attached example. Change the extension to ".html" Waiting for positive feedback. Thanks, Ankur Raiyani
How do I transition a nested lists without replacing the entire page?
Here I am developing for the IPad. For navigation I am using a nested list. I am looking for pointers on how to transition the navigation div only when a user taps one of the items. The default behavior is to replace the entire page with the nested list. I'd rather find a way to only replace the Nav div.
Birthday calendar
I am looking to add a JQuery pop-calendar to a form field for birthdays, but all that I have found so far like this one.http://jqueryui.com/demos/datepicker/ - are more for currents dates. If you are an old person (like me), you have to do much clicking back to get to your birthday. Any better solutions for birthday picker?
jQuery Mobile - android/safari crash on submit
Hi all this is my first post. The problem im having is with a simple script i made a year back and now trying to get working on mobile. It's basicaly getting twitter feeds and displaying the amount of feeds you want per person. the problem is, when clicking on the username input box and then typing the username, it will crash if you press the `green enter button` ( for those on android, latest version, HTC Desire ). It will not crash if you simply hide the keyboard and then go to the submit button.
Prevent the back action after logout??????
Hi Friends, After logout if i pressed back button in browser ,it should not show the previous page ,it has to go to default page(login page only). So i have tried in many ways(ruby on rails application) like "history.forward()" ,"onbeforeunload",expire cache in meta tag,"http://www.brookebryan.com/ back button detection"so many .. i have confused a lot Is there any way is there in jquery
Dynamically added checkbox break screen when the text is a bit long.
I'm adding some checkboxes dynamically, it normally works fine, but when for example the label of one of of the check boxes is a bit long it just breaks the screen, it would look something like http://cl.ly/0O1S043N1N070j1a182p and http://cl.ly/2j0H0s0c26362g41350M Shouldn't the framework automatically make the box to fit the screen ? Has anyone had this problem before ?.
Problems with Cycle Slideshow in IE7 (and IE6)
I'm using a simple fade slideshow of 5 images on my site's home page. This works fine in everything except IE6 and IE7. In these browsers, all of the images are displayed at the same time one right after another. The slideshow does not cycle...it is static images. Here's my site: http://nwdogshots.com Please Help! Thanks, Bruce
Reducing jquery by 95%
Hi, I purchased webspace that allows me to write and upload custom javascript code. There are rules however such as no "src=", "includes", "replace", or remote script calling, to mention a few. Also the maximum allowed custom code is 40kb. So the site doesn't permit me to reference jquery as such: src="http://code.jquery.com/jquery-1.4.4.min.js" nor does it allow me to copy and paste the minified version (too big). However, all I need jquery for (at this time) is to add classes to elements by traversing
Does sortable() connectedsortable mean there can only be two lists?
Does sortable() connectedsortable mean there can only be two lists? I want a page with many lists where each list can be the either the origin or the landing of the drag-drop. Thanks
No.Conflict
I have the following plugin that I downloaded from here: http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html window.onerror=function(desc,page,line,chr){ /* alert('JavaScript error occurred! ' +' Error description: '+desc +' Page address: '+page +' Line number: '+line );*/ } $(function(){ $('a').focus(function(){this.blur();}); SI.Files.stylizeAll(); slider.init(); $('input.text-default').each(function(){ $(this).attr('default',$(this).val()); }).focus(function(){
Listview accordion plugin
Just add a <div class="ui-li-accordion"></div> to a <li> and it turns the list item into an accordion fold. https://github.com/borismus/jquery-mobile/tree/master/experiments/listview-accordion/
Listview discrete category filter
Discrete filter plugin for listviews implemented as a dropdown at the top of the list, which selects only <li> with a certain data-category attribute. https://github.com/borismus/jquery-mobile/tree/master/experiments/listview-category/
Replase character string to html
Hi. I have <ul id="some_id"> <li><a href="#"><span>some text || some text1</span></a></li> </ul> I need to replace it with <ul id="some_id"> <li><a href="#"><span class="some_class">some text</span><span class="some_class1">some_text1</span></a></li> </ul> or just <ul id="some_id"> <li><a href="#"><span>some text<span class="some_class1">some_text1</span></span></a></li> </ul> in case what text is dinamic
Problem attaching duplicate functions to events
So we are developing an ASPX website which uses a master page and content pages. Some pages have a GridView to look at data in a database and we have created a global js function to do a delete confirmation when the delete button is pressed for a given record. The problem is that on initial page load the confirm is poping up twice. Then after a postback the delete is only poping up once. So the popup function is obviously being added to the delete button even more than once. The weird issue is that
Beauty Tips Position
Hi, Is there a way of setting the position attribute to bottom and left, not just bottom. All the examples show the bubble centred. I know it's possible to change the 'centerPointX' of the arrow but how do I change the anchorPoint of the bubble itself. As below,
Form Validation with Jquery not working
Hello, Ive made a form validation with jquery with the following code $('#save').click(function(){ $.ajax({ url: "../scripts/availability.php", type: "POST", cache: false, data:{ stamp: $("#stamp").val(), jprefix: $("#jprefix").val(), tprefix: $("#tprefix").val(), starting_date: $("#starting_date").val(), ending_date: $("#ending_date").val(),
help with additional email validation
I have a form which uses JQuery to validate fields and PHP to submit to DB. Current validation only looks to see if a field is empty and if it is displays and error msg. I would like to add addtn't functionality to check to see if an email address is invalid and if so displays an invalid email address msg. Need some help doing that please. Current JS validation looks like this. $(function() { $('label.error').hide(); var email = $("input#email").val(); if (email == "") { $("label#email_error").show();
Problems with new map plugin
Hi all I made a javascript map library for openstreetmap. Unlike google map it's open source (LGPL). Now I try to integrate it to jquery and got some problems. To populate a div with the map is easy: $("#theselector").makeMap(lat,lng,zoom); That's it. But when it gets dynamic, there are problems. The map is using absolute positioning even if the div positions on a floating layout. I have to calculate the top,left,width,height coordinates where the map is displayed. If a div is changing position
binding two elements together....sort of
Hey Folks, here's something I'm trying to do.... I have this HTML code which is on the page. (image with anchor tag around it) <a href="javascript:" class="bookmark_this"><img class="bookmark" src="/images/spacer.gif" alt="Bookmark and Share" title="Bookmark and Share" style="width:79px;height:18px;" /></a> popup code <div id="bookmark"> -- bookmark code -- </div> when I hover over it, a Popup appears with bookmark options. What I'd like to do, is for the popup to automatically disappear on moveout
validation not bound to a specific form field
I'm using Validation plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ it is a very good plugin, but with not so good documentation. I'm trying to implement a validation in my form, but that should not be bound to an specific field. in fact, I have three input type=text, and I need at least one of them to be filled (like a conditional 'required'). I could create a new validation method, like: $.validator.addMethod("foo", function(value) { // short version: return
If mobile use jQuery or PHP?
Want to do a check if devise is mobile or desktop then pass respective files (css, js, etc.) I see many referring to WURLF, is this what is mostly used or something else?
multiple slidetoggle in dynamic content
hi there. i use the slidetoggle to show and hide the caption over an image. i'm using a galerie an so i have many images with many captions. the slidetoggle works but on every image the same. take a look at: http://denis.stefansenn.com/index.php/tv.html i dont' get it work for each image independently. it should work like...if i hover an image the caption should come. if i leave this image an hover an another image the caption of image one should slide down and the caption of image two should slideup...
stopping a click event with another click event
I would like to create a plugin that I can put before a click event on a button. The click event should occur if the user's time on the page hasn't expired. The plugin should check the user's time, and then stop the click event if the time has expired. With the plugin, I'm essentially putting two click events on the same button, as I need to check the expiration when the button is clicked. The plugin is working on my test page, but I'm afraid that this is contingent on an arbitrary ordering of
Button to images using jquery?
Hi, Small problem with button clicking... #button1 says "red colour" and #button2 is a button that says "blue colour" and it should display to whatever colour depending on what button you press. ATM it will display if you click red and then blue but you cant then re-click red, or if you do it blue and then red it wount work if you then click on red. Any idea's where i am going wrong ( hope you understand) Thanks $(document).ready(function(){ var margin =$("#image2").height()/2; var height=$("#image2").height();
Next Page