Replacing repeating text on a page
I have a SharePoint page that is filled with the text string "12:00 AM" that I would like to remove, the underlying HTML is <td class="ms-cal-workitem"> <table> <tr> <td class="ms-cal-monthitem"> <nobr> <b>12:00 AM<br/> Username here... I would have thought that one of the following would have removed this text, but I haven't been successful... $('#12:00 AM').text(""); $("#12:00 AM").text(""); $('12:00 AM').text(""); $("12:00 AM").text("");
autocomplete json url adds ampersand
hi, for some reason the autocomplete function apends an ampersand (&) directly after the url. I would like the questionmakr in stead of the ampersand. How can i change this? My PHP script that generates the jsoncode doesn't recognise the appended variablename since the ampersand is there. the generated url is now: jsonner.php&question=A but should be: jsonner.php?question=A
Frozen cursor problem using "draggable" on safari and chome
I'm having problem when using "draggable". What I want: the textarea to get focus when its parent div is clicked. The problem: (only on safary and chrome, FF work ok) when parent div is clicked the text area gets focus but the cursor gets frozen, it stops blinking. I have written the following example to ilustrate the problem: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js">
Variable scope issue
Hi, I am a real newbie to jQuery and am struggling with trying to get a small piece of code to function correctly. I basically have four select boxes (ids = #style, #type, #color, #uses) that I need to build a string from the selected options. The output string will be used to show/hide a list where each <li> item will have a css class defined with names from the four selection boxes, e.g. <li class="all sel1opt3 sel2opt5 sel3opt1 sel4opt2"></li> I have the following jQuery code: $(function()
New to Jquery - need direction/support
I'm working on a personal portfolio site and I'm much more of a designer than a coder (as I just started basic HTML+CSS coding a couple months ago) I'm looking to achieve similar functionality as http://pauljnoble.com/index The way you can use hotkeys to flick through his work, the thumbnail previews at the bottom left corner, and the way the text changes as you flick through his work. I'm working on this portfolio site for school, and the increased functionality would be amazing! Any help would
Using jQuery UI with jQuery Cycle plugin
Im using the ui tabs to seperate content, for each seperate tab panel theres a set of images which I have cycling through using the jquery plugin using a next and previous transition. trouble i've got is when using the controls its cycling the hidden tab panels images as well, so when changing tabs it doesnt land on the image i want it to. im trying to to work out a way to cycle based on the active tab panel heres what i've got so far im trying to add an active class to the visible panel and only
Removing removeAttr() and adding ? href.
Hi, I'm looking to remove an "Href" from a link, but add it back later. So <li class="home"><a href="#">Some Click Through</a></li> "$('.home a').removeAttr('href');" would remove the href, and the link wouldn't click through, but when I need it to click again what do I do? Do I use attr() some how? Thanks for any help.
How to get event.target after keypress?
I have an iframe with designMode="on" and have to listen to keypress event and report on what element was keypressed (for example div, or span and so on). But e.target.nodeName show only 'html' here is example: http://jsfiddle.net/fJLTG/When I click on word "Hello" - I get "div" - it's correct, but when I keypress on it - i get "html" instead "div". How to fix this?
How to select all <a> withid a <div>?
Hi all, Let's say I have following HTML <div id="myDiv"> <table> <tr> <td>text 1</td> <td><a id="myId" name="Name1">Edit</a></td> </tr> <tr> <td>text 2</td> <td><a id="myId" name="Name2">Edit</a></td> </tr> <tr> <td>text 3</td> <td><a id="myId" name="Name3">Edit</a></td> </tr> <tr> <td>text 4</td> <td><a id="myId" name="Name4">Edit</a></td> </tr> </div> How can I use jQuery to select all <a> with id="myId" within that div? Is the syntax correct? $('#myDiv :a[id=myid]').live('click',
problem IE6 chanche src image
post the code: var ppt_ita=new Array(<?php echo $array_pdf_ita; ?>); var ppt_eng=new Array(<?php echo $array_pdf_eng; ?>); function attiva_slider(){ $("#img_slider").append("<img src=\""+immagini[0]+"\" alt=\"\" width=\"539\" height=\"431\" />"); $("#ajax_loader").fadeOut(); $("#scarica_img").attr("href", immagini[0]); $("#scarica_ppt_ita").attr("href", ppt_ita[0]); $("#scarica_ppt_eng").attr("href", ppt_eng[0]); controllo_navigatore(i); $("#indietro_img_slider").click(function(){
jquery solution only works in safari
Hi, This navigation solution only works in safari, I thought jquery works the same way in all browsers. http://notre.co/nav/ Is there a easy fix or do I have to find another way? Big thanks from sweden!
Closing .load Dialog fails
Hello, i've git a Problem. Everytime i test to close a .load jquery dialog, nothing happens. Hers the Code: function contentloaderBea(dataid) { $("#somediv").load("Mieter.php?s=mbearbeiten&mieterid="+dataid+"").dialog({ modal:true, autoOpen: false, title: 'Mieter Bearbeiten', position: 'center', width:'500', height:'300', buttons: { "Save": function() { $("#bearbeiten").submit();
How do I add a mouseover effect to stop the transitions and mouseout to continue? i.e. Stop on Mouseover
Really need the solution. I am a newbie and was experimenting with jQuery. I know that jQuery is awesome but I am not that good and am becoming discouraged. Please Help! /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 // Firma: Medienfreunde Hofmann & Baldes GbR // Author: Torsten Baldes // Mail: t.baldes@medienfreunde.com // Web: http://medienfreunde.com // based on the work of Matt Oakes http://portfolio.gizone.co.uk/applications/slideshow/
How to attach incremental numbers to the class with increase after nth element ?
Hello I am a beginner and have a question: i have the following div: <div> <span class="a"> some content</span> <span class="a"> some content</span> <span class="a"> some content</span> <span class="a"> some content</span> .. etc </div> I would like to attach dynamically incremental numbers to the span class with increase after nth element . For example number increase every 3 items: <span class="1a"> some content</span> <span class="1a"> some content</span> <span class="1a"> some content</span>
Dailog with a lot of HTML unbearably slow
When I have a dialog with a lot of content, it is unbearably slow to open and close. This can even cause the browser to freeze. I was wondering if anyone had any ideas or solutions or if maybe I should use something else for dialogs with a lot of content. The following HTML will replicate the problem. <html> <head> <title>Test</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ui.js"></script> <script type="text/javascript"> $(function() {
Update table cell after link click
Hello, I have a table with rows and in each row there is a cell which shows the status of the row item. <a href="#" id="<?php id ?>" class="status_button">Online</a> When I click the link in a row the next code is activated (found it somewhere on the net). $(".status_button").click(function() { var id = $(this).attr("id"); var dataString = 'id='+ id ; var parent = $(this).parent(); $.ajax({ type: "POST", url: "toggle_ajax.php", //updates the database data: dataString, cache: false,
toggle works only once
hello, I am new with jquery. I tried to crate a toggle for change the display of the html from bright to dark when the user want to watcha video. I am doing it by clicking on an image which change when the lights are on and off. It works fine without jquery but later I wanted to add an fade effect show I change the code using jquery but the problem is that works only once (load the age with lights on, click=lights off, click again=lights on, click again=nothing). Can anyone tell me what wring? here
problem with hiding "dr player" in Mozilla
Hello, I am making a web page using "dr player" plug in. I am trying to hide the playlist without stopping the music. I have tried the following script: $(document).ready(function() { $('#menu_blog').click(function(){ $('#blog').show(); $('#playlist').hide(); }); return false; }); which hides the playlist, but stops the music, in Mozilla, Chrome, and IE The following script works well in Chrome and IE - it hides the playlist and the music keeps on going, and
SlideUp("slow") and SlideDown("slow") happening instantly?
When using slideUp and slideDown I'm getting something that looks more like a hide/show in all browsers. Can't seem to figure out what I'm doing wrong. Here's the code I'm running. I tried to nuke the opacity stuff...but that doesn't seem to have any effect. Ideas? // script $('.head-menu-container').click(function () { $('.menu-list-container').slideDown("slow"); }); // css and html .menu-list-container { display: none; background: #454545; opacity: 0.8; filter: alpha(opacity=80); min-width: 272px;
Trying to use the draggable and resize functions from jquery ui.
Hi, I added these functions but had problems. First off both messed up the position of a few things on my webpage. Like I have a image in a div and this images when using any of these functions ends up outside the div on the right side. The dragging effect works but the resizing dosen't work at all and notice some text on my webpage gets copied twice. Like for example on a input button I have contact. I would see another contact text right next to it on the right side. No resizing effect goes
position not working correctly on webkit browsers
I have a modal dialog box that works for the most part. The only problem is, in webkit browsers (safari and chrome) the positioning doesn't seem to work. It's fine in Firefox and IE. Here is my Test code; I've turned off the submit function, so when you click the Create an Account button in the dialog all you get is an alert. On Firefox/IE, when you click the create new users link (at the far right of the page on my screen) the dialog box opens top aligned and centered over the link, which is what
Issue with page back (Browser back) when working with AJAX using Jquery
Hello All, I have a page (a search page). I am using AJAX with JQuery to populate the search results in a DIV on page. When a user clicks on one of the Search result, they are redirected to its View page. The Problem is, when they click on the back button, the search results are gone !!! Is there a way to avoid id. For example, I search "XYZ". All the companies having name XYZ are listed in the search result (in a div which was populated using JQuery AJAX). Now the user clicks on "XYZ1 Limited" company
Cannot use click action in jquerymobile
Hello, I tried add click function on li item, but seems that does not work correctly. $(document).ready(function(){ $("#vibrateBtn").click(function() { window.alert('test'); }); }); I tried also disable Ajax loading, with> $(document).bind("mobileinit", function(){ ajaxEnabled:false; }); But with same result. Where can be problem please? Thanks for any advice.
Global nativeMenu not working in a3
I could be Doing It Wrong, but I can't get the code from the docs to work: $(document).bind('mobileinit',function(){ $.mobile.selectmenu.prototype.options.nativeMenu = true; }); The per-select data-native-menu="true" works just fine. As per the docs, the above code sits between the jquery and jquerymobile loads: <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript"> $(document).bind('mobileinit',function(){
Having trouble with Form Plugin in IE8
I just discovered that all of the various instances where I am using jQuery Form Plugin are not working in IE8. Everything works peachy in Firefox, Opera, Chrome, and IE6 (yes really!). But in IE8, the "beforeSubmit" runs, but the "success" does not. I must be doing something wrong that is consistent across all of my jquery form code or the xml generated by my php but I have no idea what it is. I'm using jquery form in many different parts of my site to do different stuff and none of it works in
How far should tabs _sanitizeSelector go?
Currently the tabs _sanitizeSelector only escapes the colon. #4681 brings up the point that the period is also a valid character for and id attribute. With html5 just about anything other than a space character is a valid. http://www.w3.org/TR/html5/elements.html#the-id-attribute http://www.456bereastreet.com/archive/201011/html5_allows_almost_any_value_for_the_id_attribute_use_wisely/ Should we be extra protective and try to escape anything that would cause a problem? Something like: hash.replace(
Menu plugin for jQuery latest version
Hi, Is there any plugin available for creation of drop down menu's using jquery. Suggest some code.
Help needed with Rss
Hi all, I am just starting on JQuery Mobile (giving up sencha touch) and found this rss reader url: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/ It works great but this one has multiple rss feeds. I need something with the first part off, so that I read just one rss feed. Does anyone know where I could get some sample code or any ideas how to change this one so it reads just the one feed, going direct to the feed's list? Or any demos on reading
Architecture choice / whole-nine-yards-open-source sample application
I have been away from development for a while and I'm looking for a way to get back into it. I have two questions: 1) Is the choice of javascript framework independent of the choices of all the other application parts like the object-relational mapping layer, the app server, etc? Right now, I'm looking at JQuery, and ExtJS. 2) Does anyone know where I can get a complete sample application made of open source parts and using all the best practices that I can just copy to get started? And I mean
is there a way to tell the queue() method to do not repeat itself for every element?
is there a way to tell the queue() method do not repeat itself for every element? $('.video_list li').delay(500) .animate( {left: move}, 1500) .queue(function(next){ // do something only one time and do not repeat it for every element! next(); }) the reason for using queue() is for telling the function inside to queue to
Problem using select-chain, getting Ajax parser error.
I'm trying to incorporate Remy's select-chain plug-in into my code, and I'm having troubles. I hope someone can take a minute or two to help me. My situation seemed simple, only 2 levels, Products and Programs under each Product. I have the back-end working, so it returns the JSON list of Programs when a Product ID is passed. However, the plug-in keeps failing in the .ajax() function, tripping the error(). It reports a "parsererror", so I know I've messed up something. One wrinkle, I have multiples
large image scroll effect
Hey all, I'm a graphic designer with some experience in Actionscript/HTML/CSS. I'm now trying my hand on jQuery. My goal is to achieve an effect to scroll a large image, something like this Flash example: http://www.erwinolaf.com/#/portfolio/paradise_portraits/gallery/paradise_portraits,_matt/ (click on 'Zoom In') Below my result so far. It kind of works but nowhere near as smooth as i want it to be. Frankly my programming skills are insufficient to take it to a next level. Anyone ideas, tips or
Qaptcha
Hi all, I downloaded Qaptcha from here: http://www.myjqueryplugins.com/QapTcha I followed the instructions carefully. I unpacked it and uploaded to my php server version 4.4.9 and tried to test them out. Everything looks fine but when I slided the slider over to enable to the submit buttom. The submit button still disable therefore I could not click the submit button to submit them form. Does anyone have similar problem and able to resolve the issue? Can someone please help? Thanks in
Jquery getting killed by jquery.
Here are two bits of scripts I'm useing to display & save location of my portlets on the dragable plugin. First is the main event. <script> $(function() { $( ".column" ).sortable({ connectWith: ".column", }); $( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .find( ".portlet-header" ) .addClass( "ui-widget-header ui-corner-all" ) .prepend(
Jquery - Dialog Modal Form
Dear All Can some one please help http://jqueryui.com/demos/dialog/#modal-form I want to show Create New User as LINK instead as a button show in above page . Can some one please please help
why the DIV "Functional demo" doesn't display in the newest demo？
I'v download the newest version 1.8.11 into my computer, and then when I open the demos/index.html, I'v found that the content of the middle DIV "Functional demo" does't display, can anybody help me?
.each() functions not working correctly
Hi, I have a function with the following code: function saveRecord(){ $("#weekSheet tbody tr").each(function(){ $('td').each(function(i,o){ var value = ( $(":first-child", this).is(":input") ) ? $(":first-child", this).val() : ( ($(this).text() != "") ? $(this).text() : $(this).html() ) ; alert(value); }); alert("next row has started"); }); }Basically, I am iterating through rows of a table.
on .blur display and focus on next input
I have a form with a certain number of elements, i want it to at first only display the first, then when i deselect that element the next one is shown and focus moved to that and so on until the end of the form. Im new to jQuery and just want some advice to point me in the right direction :)
Ajax behavior when server is down???
I have a jsp which uses JQuery.timer method that runs every 5 minutes. So when triggered the method refreshes a DIV within the page. The ajax call is a simple one, with ONLY Success method defined. Now if the server locally is shutdown or the user has timed out locally, the ajax method will obviously get an error. However instead of just erroring, its like it is within a loop and keeps trying to call the server. Is there a config parameter to pass to Ajax method to tell it NOT to try again if
How to apply active mode in jquery accordian
Hi All, I am using an jquery accordian as a menu in my site...it goes on next page when i click on the button but i want to show an that button in active state when it on is on its respective page. Below mentioned code is i am using for my accordion menu. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#accordion > li').hover( function
Next Page