[jQuery] Problem with DOM manipulation in IE
I'm trying to populate set of lists via some information loaded from some JSON on $(document).ready. The following code works fine in FF but breaks in IE: function insertItem(item) { var li = $("<li>").html("Item: "); $(<span>).html(item.text).appendTo(li); return li; } . . . function buildList() { // psuedo code here for ( each item in list ) { $("#mylist").insertItem(item); } } In FF/Safari the above code works perfectly fine. In IE the above code returns an item with only the <li> element but
[jQuery] http://docs.jquery.com/ html rendering problem
Hi ^___^ When reading docs under some browsers (ie6/opera 9.5 beta, and may be some others) I see tiresome space under sections name. Check example: http://farpost.ru/company/misc/jdoc_bug.png (12kb). Having played with html validator I notice what you output invalid html: "line 149 column 5 - Warning: isn't allowed in <tbody> elements" http://farpost.ru/company/misc/jdoc_bug_html.png (11kb). Please remove that empty p & br tags from table and check all other page content by validator. If u need
[jQuery] jCarousel scroller
I want to create a scroller for jCarousel. I made something similar with a previous version of jCarousel (you can see what exactly I want to achieve at www.renmenbi.com. The fact is that I'm not at all familiar with JavaScript nor jQuery and I can't do the scroller this time. I tried to use the same approach as I did before inspiring myself from the prev and next buttons code. But this time if I write this: this.scroller = $('.jcarousel-scroller', this.container); if (this.scroller.size() == 0 &&
[jQuery] Ajax .load() with Report Pagination
Hi, Really hoping someone can assist as if it's not possible then I will probably have to pull out my jQuery code. Basically using the following jQuery Ajax call, i.e: $ ("#links").load("/Main_Page #p-Getting-Started li"); from the following link http://docs.jquery.com/Ajax/load#urldatacallback. I was originally using an iframe to pass in a url to the src attribute but changed my iframe to a DIV and then used $("#links").load("/ Main_Page #p-Getting-Started li"); My problem is, that one of the pages
[jQuery] Display ajax result in 2 divs
Hi all. I have a response from Ajax call and I'll want to display that in 2 divs(header and footer in my form). Now I'm using this terrible script: <script> function hideResponse() { $('#divResposta').hide(); $('#divResposta2').hide(); } $(document).ready(function() { hideResponse(); ...... if(ajaxResponse == 3) success(); $('#divResposta').html(data.saida).show();
[jQuery] Popup window
Hi all, I have been searching for some code to create a popup using JQuery. Surprisingly, I am having a hard time. I want to create one where you can specify size and not have the standard search bar, etc. Would appreciate any help. Cheers Paul
[jQuery] Jquery and SSL
Does anybody know if you have to do anything special to allow for AJAX (via jquery) over SSL?
[jQuery] Not Receiving Mail...
Anyone else having trouble receiving email? I can read my posts online, but I'm not getting mail in Outlook or on my webmail site. Rick
[jQuery] jquery cycle plugin counter
jquery cycle plugin counter - http://www.malsup.com/jquery/cycle/int2.html The forward and back demo above provides a way to navagate the images, has anyone found a way of counting the number of cycles. ie 1 or 5 It would display next to the forward and back buttons. see below. prev | Next --- 1 of 10 any help would be awesome!!
[jQuery] Event Binding Problem
Hi There, I am a total JS newb and hobbyist only so I hope I can explain my problem... I am using UI sortables to create a sortable list of DIVs each with a header and content area. I want to show/hide the content area when the header is clicked. DIVs are added dynamically via AJAX and are sortable and use the jquery Livedata plugin. However when my function setQRX fires I get strange results - 2 or three clicks are needed to collapse the .portContent div. When collapsed a click opens the div and
[jQuery] Find a exact location in the dom, then move down from that location to another element
Is there a way in jquery to find your exact location in the dom and then move down from that location to another element? For example can I get the value of a input[text].someClass after changing it and write that change only to the next td.someOtherClass in the dom without using an id?
[jQuery] HTML Partial Element Does Not Exist?!
I have an HTML partial coming back from a server that includes a named div (ex: <div id="MyDiv">blah</div>) When I try to run the following on it, it shows the div as empty: alert($("#MyDiv").html()); I suspect the DOM is not aware of the retuned div (though, why it displays is then a huge mystery). Can anyone clarify this for me? Maybe tell me how to tap the DOM on the shoulder with the newly returned div? Thanks much!
[jQuery] [validate] 1.2.1 backward compatibility break
Hi Jörn, I believe I've discovered a backward compatibility break when upgrading from 1.1.2 to 1.2.1 of the Validate plugin. After a few days of sorting through the problems I've had, I think I've narrowed down issue down to the fact that the current version assumes in several places that the form you're validating is actually an HTML form element. Now, this is a pretty reasonable assumption for most use cases, but is actually different from the previous version. I'm developing an application with
[jQuery] tablesorter, tr highlight
I'm using the tablesorter plugin and having a tough time trying to figure out why my click function does not work on the the second page when using the pager plugin. $(document).ready(function() { $("#myTable").tablesorter({widgets: ['zebra']}).tablesorterPager({container: $("#pager")}); $('tbody tr').click(function(){ alert('hi'); }); } ); -- View this message in context: http://www.nabble.com/tablesorter%2C-tr-highlight-tp16617916s27240p16617916.html Sent from the jQuery General
[jQuery] Multifile plugin IE problem
I'm having a problem with the multifile plugin for jquery in Internet Explorer. My HTML looks like this. <div id="fileupload"> <h3>File Upload</h3> <div><input type="file" name="data[file][]" class="multi" /></div> <input type="submit" class="button" value="Upload Files" /> </div> I can select multiple files, but when I try to upload them it only uploads the first file I selected. From looking at what the DOM is doing in IE, it appears to be applying a null to the
[jQuery] Testing...not receiving mail...
<html><body>This is just a test... had this been an actual...</body></html>
[jQuery] Ajax? issue in IE 7
I have a login box that loads inside a container via an ajax request, using .click. Here's the code: $(document).ready(function(){ $('a.login').click(function(){ var thiscontainer = "#" + this.rel; $.ajax({ url: this.href + "&pageName=html", cache: false, success: function(html){ $(thiscontainer).append(html); } }); $('.login').fadeOut('slow'); return
[jQuery] [treeview] Drag and Drop support
Hello, It would be nice if the treeview had drag & drop node sorting. It would also be nice to have a node showing that the tree is loading from the server.
[jQuery] basic understanding of jquery and XMLresponse
Hello I trying to start with jQuery, I have a working Ajax solution in pure javascript from before and I'd like to benefit from jquery in this way: the server returns XML in form like Content-Type: text/xml <?xml version="1.0" encoding="utf-8"?> <result> <parts jquery="jQuery("#parts").find("ul").prepend("<li>74117417 09.04.08 16:22:31</li>")"/> <status>status</status> </result> in readable form jQuery("#parts").find("ul").prepend("<li>data time variables</li>")
[jQuery] jQuery moreSelectors :modified - code stopped working
I used the excellent moreSelectors plugin on a project about a year ago and I just discovered that the old code has stopped working. I'm using window.onbeforeunload to call a function that checks to see if there are any modified form fields and alert the user that changes will be lost. The code below used to work but after an upgrade to jQuery 1.2.3 it no longer works. I'm unsure if the jQuery upgrade is actually the culprit however. [code] var unsaved = $ ("#formId").find("*:modified").not(":checkbox,
[jQuery] JQuery Selector
I've got the following html <div id="survey"> <br /> <div class="sectionstart"> start </div> <div class="sectionstart"> start </div> <div class="sectionend"> end </div> <div class="sectionstart"> start </div> <div class="sectionend"> end </div> <div class="sectionstart"> start </div> <div class="sectionstart"> start </div> <div class="sectionend"> end </div> <div class="sectionend"> end </div> <div class="sectionend"> end </div> </div> As you can see there are section starts & section ends that can
[jQuery] IE doesn't like .css(stuff)?
Afternoon ladies and gents. I'm experiencing a weird issue. I have a div that contains popup information for when users hover over specific items on the page. Everything looks beautiful in firefox, but IE takes a dump (go figure). I was wondering if anyone might have an idea why? Here's what I got: When someone hovers over the appropriate thing: $("#mypopup").html(myText).show().css({'top' : ypos, 'left': xpos}); ypos and xpos are the coordinates of the mouse on the screen. When I look at it in Firefox,
[jQuery] markItUp! input for Jeditable
Finally had some extra time so I glued markItUp! and Jeditable together. Actually writing the blog entry took more time than JavaScript code. This custom input is only six lines long. I still decided to write one more tutorial on how to write Jeditable inputs. Below links to tutorial and separate demo page. http://www.appelsiini.net/2008/4/markitup-for-jeditable http://www.appelsiini.net/projects/jeditable/markitup/markitup.html Thanks to Jay Salvat for great plugin! It was incredible easy to work
[jQuery] Using Jquery instance in an Iframe
Hello, To avoid the loading of multiple Jquery in my application using Iframe, I would know if anybody has succeeded in using a single Jquery instance (in the same domain name). myexample.html ------------------------ <html> <head><script type="text/javascript" src="jquery.js"></script></head> <body> <div id="myparent">Hello world!</div> <iframe id="myiframe" name="myiframe" src="myiframe.html"/> </body> </html> myiframe.html -------------------- <html> <head> <script> var $ = window.parent.$; var
[jQuery] jQuery Image Slideshow likd jdGallery?
Does anyone know if there is a jQuery image slideshow plugin that will basically duplicate the functionality of jdGallery: http://smoothgallery.jondesign.net/showcase/gallery/ ? I've tried jdGallery alongside jQuery, but it doesn't seem to work when next to some jQuery plugins. Really all I'm looking for is an automatic image transition (fading effect or other) and the ability to write a caption at the buttom of the image (so I don't have to go in to photoshop and create the caption into the image).
jQuery to automatically change transitions.
Hi People. I'm hoping I've found the right place! It would appear so... Ok. Basically, so that you can see what I'm talking about, could you please go here: www.scorecomms.com/chaselodge/slices I have already achieved step 1. The correct header comes up when the respective tab is clicked. However, what I'm trying to achieve is in addition to this, the headers must continuously change every 5 seconds. ANY HELP would be much much appreciated. Thanks in advance. Score.
[jQuery] Strange problem of $.post()
Hi all, I'm a newbie of jQuery. I've tried to send post request by $.post(), and used to succeed. When I try to use $.post() this time, I get a strange problem. I'm trying to send request as below: $.post('http://vhost/deng/commitment/save', {num:1, name:abc}, function(xml) { //something for processing xml }); 'vhost' is a virtual host on my apache server, and I send this request from a web page under 'localhost'. I cannot see any post request in Firebug. The request was not sent successfully. And
[jQuery] jCarousel's wrap: 'both' doesn't seem to work
Perhaps I'm misunderstanding what this is supposed to do, but when I have wrap set to both I was expecting that both the previous and next buttons would become inactive (when you're at either the beginning or end of the list). Is this not what wrap: 'both' is supposed to do? If not, is there a way to do what I'm describing? Also, is there a way to make it circular so that if you click the previous button on the first item it would scroll to the left (items scroll in from the left) and the reverse
[jQuery] Custom rich text editor with some protected contents
Hi, First, please let me describe my project: I need to implement a simple rich text editor (only one paragraph with no carriage return and underlined, superscript subscript period). For that I could borrow some idea from http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html or http://avidansoft.com/dsrte/dsrte.php But the most difficult part is that I need to protect some contents from deletion (img and some specific empty xml/non-xhtml tags with attributes). As a plus,
[jQuery] Tabs conflict with in-page anchors?
I've got a page that uses tabs (v.3), and also has a series of in-page anchors. I'd like to be able to link from other pages to those in-page anchors, but that doesn't seem to work. The page doesn't jump to the anchor. I'm assuming this is because it's conflicting with the tabs? Interestingly, I can embed a link on that page that will make the jump. I'm guessing that's because the handling of the anchor for tab- switching is being done on page load? How can I get the tabs to play nice with my non-tab-linking
[jQuery] inner frames
Is there a way to access the object model of an inner frame generated by another site? If I wanted to change the background of an inner frame, can I do it? and how?
[jQuery] Loading a page with javascript via ajax
Hello everybody! How are you doing? I have a very simple question: let's say i want to load a new page into a div via ajax and that page is contains some javascript and css. Should I write the page i'm loading into a div like that (just like a regular page): <html> <head> <script src="myjavascript.js"></script> <link rel="stylesheet" type="text/css" href="mycss.css"> </head> <body> <h1>Hello! I am the new content inside the div!</h1> </body> </html> The thing is it's pretty weird to add full page
[jQuery] Sending large file from server to browser
I want to send a 400KB text file to the browser each time a user comes to the site. The file will be sent once only during a user session. Are there any mechanisms in JS/JQuery to reduce the size of the file eg. send as a binary and de-binarize at the browser? Dinesh
[jQuery] jCarousel problems in IE6 and 7
I'm using jCarousel to scroll a list of images (linked to pages) horizontally. It's a simple setup - the carousel is inside a div that has a background colour set in another stylesheet, the rest of the settings are not changed much from the default for horizontal carousels. In Firefox, everything works fine. In IE6 and IE7, the carousel goes way off the page with all of the images showing in one long list. It's supposed to show 3 at a time in a box that's about 740px wide, but instead it shows all
[jQuery] copying the menu from radiotimes.com to jquery
Hi I want to do something like http://www.radiotimes.com/ but in jquery not flash, does anyone know if there is a tutorial on this sort of thing somewhere? ta t
[jQuery] jqModal and Submit in existing window
Hello, I have a page which opens a jqModal window. This contains a new php-page via the AJAX-Request of jqModal (actually the basic example no 2 on page http://dev.iceburg.net/jquery/jqModal/) Everything works fine and the window shows the correct content. In this content I have a <form> with input fields. If one field is empty I want to show an error message on this window, but it closes and I am back on my main window. What do I have to do (maybe a short example), to stay in the window until I
[jQuery] Transition for previous, and next
Hi, I've searched this forum, but I couldn't find a solution for this yet: Is it possible to show a certain transition for a previous button and for a next button? I would like to create a transition left when people click 'previous' and a transition right when people click 'next'. That makes sense I think :). I've already tried the following code (but that didn't work): the variable left can set via the buttons on true or either false; $('#photo').cycle({ before: function (currSlide, nextSlide,
[jQuery] assign event click to dynamic create div (via php)
Hi, I have this question have data coming from DB and put dynamicaly in a page through a while cycle (php). How can I bind an event click to the generate html tag (eg:<a id="link_agenzie" href="cerca2.php?cosa=<? echo $cod['status']; ?>&agenzia=<? echo $cod['agenzia']; ?>" style="text- decoration:none;">SOLO</a>) I have this code <script type="text/javascript"> $(document).ready(function(){ $("#link_agenzie").click(function(){ var params = $(this).attr("href"); params = params.split("?"); $('#loading').html('<div
[jQuery] iframe and menu overlap/float
Hi, Hoping someone can assist, I have a page that is an iframe, which is basically used to display result information based on a menu option selected which is located on the same page. Mu query/issue is that how can I make my menu float/overlap my iframe area? My menu is an accordion based on the jQuery Accordion plug-in. I basically want to be able to display my menu on top of my iframe, so as I select a menu option, the data is displayed underneath in my iframe. If this is possible, could someone
[jQuery] what wrong in code?
This code doesn't work in all browsers exept firefox. Why and what i must to do? Trouble: when button with id="newsitesubmit" was pressed there is no reaction, but in firefox all is ok. code: function getready() { $('#newsitesubmit').click(sendsite); }; function sendsite() { /* отправляем данные из формы */ getready(); var sitename = $("#siteinfo #sitename").val(); var siteurl = $("#siteinfo #siteurl").val(); var uname = $("#siteinfo #username").val(); var uemail = $("#siteinfo #uemail").val(); $.get('savesite.cgi',
Next Page