Prepend content to .load ajax call (jquery infinite scroll plugin)
Ok, so I'm using the wordpress infinite scroll plugin for a project: http://www.infinite-scroll.com/ Everything works fine, but I would like to have a div loaded before each page with the page number and an anchor link to the top of the site. I tried a bunch of things on the php side, but this plugin seems to grab individual posts, so any content that I add gets posted to every single post, and not the top of the page. So I went to the javascript side and am looking for the point where the content
dynamic div height detection and matching
Hi Folks, Hope you can help me out here. I have 2 divs in a wrapper div. left inner div floated left and the right inner div floated right. The left hand inner div contains a number of suckerfish slide down divs which contain dynamic content and ultimately slide down the height of the left hand div when one of them are expanded. My problem is that I want the right inner column [ which just contains text ] to change height to match the left div when the dynamic content in the left div is clicked on
.mouseover on various divs
I'm learning jquery and code below makes hovering a div in another div to appear, and when the mouse leave the div disappears. But as you can see, the div "visualizar" this in a loop and when I move the mouse in a div appears in all, I wonder how I can make a div to appear at a time, I could modify the code? script jquery: <script type="text/javascript"> window.onload = inicia; function inicia() { $("#visualizar").mouseover( function() { $("div.editarVis").show("slow");
always focus on page title?
hi there, is it a way to use always focus on pagetilte? or what is the fist element that i can use as focus? in my case i load pages with ajax, and if i jump a lot of times from one to onother page, the focus is on the last button i use, but i want the always the focus on page title or alway focus on first focusable element.. what can i do? cheers j.
jQuery UI Slide. Problem with background repeat and percentage.
I have a sprite 6px 9px x, but the slide plugin to jQuery UI does not allow me to manage the length in pixels, since the percentage is not accurate. How can I fix this?
Why firebug did not find the error of these codes?
hi guys Just wondering why firebug missed the error, $(function() { $('#submit').click(function() { $('#container').append('<img src="img/loading.gif" alt="Currently Loading" id="loading" />'); var select = $('#select').val()); var title = $('#title').val(); var description = $('#description').val(); $.ajax({ url: 'submit_to_db.php', type: 'POST', data: 'select=' + select + '&title=' + title + '&description=' + description, success: function(result) {
get last value from textbox?
When someone hits enter I want the last value of textbox with id keywords How can I do it? $(document).ready(function() { $('#keywords').keyup(function(e) { if(e.keyCode == 13) { alert($('#keywords').val()); } });
jquery conflice
my existing js is : jQuery JavaScript Library v1.4.2 and present my color picker js is :jQuery JavaScript Library v1.3.2 . So, I am getting conflict , plz try to help me how to solve this problem
Link inside Accordion content pane
Dear Forum, I've created a default accordion and inside one of the content panes I have an anchor that links to another page. However, when I click on the link, the event seems to be consumed and hence it doesn't open the intended page. Would anyone know what's causing this problem? Best regards, Minh
add delay to inside zoom
I'm using the great cloud zoom jquery plugin to add inside zoom to an image in my site, but I want to add a delay on the hover before the zoom takes place. I created a jsfiddle so you can see the code in action http://jsfiddle.net/eTvKK/1/ hover over the image and the effect takes place immediately. I'm not sure how to make it wait say .5 seconds before it happens. So far there is no jquery involved from me, I just put the image inside a <a class='cloud-zoom' href='address of big image'><img src='address
toggleClass confusion
I'm probably just being really thick but i'm confused about this... click specifically: $('#foo').toggleClass(className, addOrRemove); I basically want it so that when my <div class="unselected"> is clicked, it becomes 'selected'. and vice versa what i have is: $(document).ready(function () { $('#mydiv').click(function () { $('#mydiv').toggleClass('selected'); }); }); That adds and removes 'selected' from the DIV but i want it to switch between 'unselected' and 'selected'... Thanks for any help,
Show text when clicking on button
Hi Folks, I have the following website: http://beta.visueel-adv.be/nl. As you can see, there are a couple of news items. In fact, there should be 3 items on the homepage, the rest should be hidden. When you click the button "oudere nieuwsberichten" what means "older news", the other newsitems should be shown underneath the 3 existing ones. Is there a jquery plug-in to do so? Thanks a lot for your answer(s)!
making the default value of radio buttons to NO
I have an input radio buttons like this <input type="radio" name="radio1" class="abc" checked>No <input type="radio" name="radio1" class="abc">Yes So i want to make it checked once i am done with procesing, currently it is just removing the attribute and keeping both empty i tried using.reset() event but it is not working! Can anyone guide
Jquery Star Rating
Hi! I am trying to use Jquery Star rating plugin, but it seems hover label function is not working for me. Anyone have an idea why not? <script> $(function(){ $('.star').rating({ focus: function(value, link){ // 'this' is the hidden form element holding the current value // 'value' is the value selected // 'element' points to the link element that received the click. var tip = $('#hover-test'); tip[0].data = tip[0].data || tip.html(); tip.html(link.title
Problems simulating a DnD
hi everyone, i want to simulate a drag and drop. so what i tried was, i got me the simulate.js and then i tried something like: var dragThis= $j('#someID'); var dropTarget = $j('.someID2'); and then i though something like: dragThis.simulateEvent(dropTarget , "drag", {}) or dragThis.simulateEvent(dropTarget , "drag", {}); should work .... i always get the error "simulate" or "simulateEvent" is not a funcion ... sorry its a noobish questiong ... but i dont usually work with js and jquery - i 'just'
Am I able to access all of jQuery functionality while I use jQuery Mobile?
I'm using jQuery Mobile on a site and I'm having trouble getting jQuery Core methods to work. Any page that initializes jQuery Mobile will not invoke my script. Here's the order I'm loading them: <script src="js/jquery.min.js"></script> <script src="js/ess-mobile.js"></script> <script src="js/jquery.mobile-1.0a3.js"></script> Does anyone else have this problem? Am I able to access all of jQuery functionality while I use jQuery Mobile?
Change iFrame src then fadeIn once loaded
I have the code for changing the iframe src and i have it fading in, but sometimes it fades before the page has loaded. Can i make it wait until the page is loaded before fading it in?
How to execute javascript code when finger is lifted from a slider.
I'm trying to get a code to execute when a user lifts his finger from the slider. is there a sample code or documentation that can help me do this? I found instructions on how to do this on the following link, but it did not work: http://stackoverflow.com/questions/4583083/jquerymobile-how-to-work-with-slider-events Any help is appreciated Roy
A line was appeared in my android phone..I used only select menu !! Help me...
Hello, sir. I made a sample program, It used JQuery-mobile. It's only a menu. It seems to good in IPad, Crom...but phone screen has some problem. A line is exist on screen. It is located under the select menu. what's the problem? I thick i don't have a mistake. Look at this, It's my code. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="CABIweb.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
text() not working in IE8 -> undefined
I have difficulties with the text() function in IE8: <a href="#">Alex</a> <SCRIPT type=text/javascript> $(document).ready(function () { $('a').click(function () { alert('display text: ' + this.text); return false; }); }); </SCRIPT>Basically what I want to do is to output the link's display text in an alert box when I click on the link. This works in FF, Chrome and Opera - but not in IE8. In FF, Chrome and Opera,
How to set screen resolution for application?
Hi, My application is for iphone it is a grails application i am using jquery mob my prob is the screen's and width and height is large how can i change it to iphone screen resolution.please help. Thanks & Regards, Nithya
Roll-your-own data-role component
I want to create my own custom, reusable UI-component and figure the best way would be to create my own data-role, like <div data-role="myComponent">Something</div>. Is this supported? Can I create that and just add the necessary CSS and JavaScripts?
Testing jquery application & calling page by id?
Hi all, Please help regarding the testing of the application of jquery mobile i am trying to port my application to iphone as of now i have no device access i am testing the application using safari by setting user agent.is there is any other way to test the application like emulator in case of nokia platforms.my framework is groovy and grails using jquery to change the luk and feel when i am using <div data-role="page" id="pageid"> when i am calling the same id from some other page it is not working
HI - New to JQuery, need a little help
I am actually quite new to all this web development, but getting there. JQuery is something new i have been looking at, looks good so far, but i have an issue with the datepicker i need to retrive the value placed in the text box so that i can save it to a Mysql database I am using dreamweaver and have added Jquery datepicker as an extension so i add it to a form, and it works fine, i can pick a date that gets added to the text box, the following code has been added <input type="text" size="30"
Themeswitcher is not working when accessed from primefaces
Hello, I have started using the PrimeFaces components and some of them are using the jQuery CDN. One of these is the Themeswitcher component. When I tried to use it it appears with the thumbnails broken. I have checked the Primefaces demo site and the same problem appears there too. I have posted the relevant post in the Primefaces forum (found here: http://primefaces.prime.com.tr/forum/viewtopic.php?f=3&t=8758&p=34407#p34407 ), but since the problem seems to be somewhere between the Primefaces
flickering in serveral browsers (ie, ff, chrome, opera, safari) if use .animate(left: -position)
Hey, I've done something like this $(".image_roll").animate({ left: -new_position }, 800 ); If I run it the sliding image is flickering in IE, someone knows a fix? PS: This error is in ie6, 7 ,8 (in ie9 it works fine....) Kind Regards
mobile CSS theme with Comments?
Hi, does anyone have a copy of the jquery.mobile-1.0a3.min.css file with comments against all elements of a single theme? I know it sounds lazy but I've spent the best part of a day trying to figure out how to change the visited colour state of a nested list & still haven't solved the problem! (I need to change from the default gradient blue in the c theme, to something other than). Would imagine it only requires one of the 4 default themes to be more clearly defined.. Thanks.
(validate) number() with radiobuttons and selects containing empty values
Hello, I'm using ASP.NET MVC3 with unobtrusive validation that utilizes the validate plugin. What I'm trying to achieve is to bind a (nullable) numeric property of my model to a group of radiobuttons or a dropdown. The problem here is, that "nothing selected" should be the first option in the list (the value of the input:radio or option is ""). First thing is: MVC3 automatically generates validation metadata for all numeric fields that points to the number validator on the client, that means, in
Getting div content WITH control values
Hi. I have a div on a page: <div id="content"> <table> <tr> <td> <inputid="TextBoxStopRoadName01" type="text" /> </td> </tr> </table> </div> Now if I type something in that textbox, and then get all the div code: var wholeDiv= $('#content').html(); the text I just typed in the input field, is missing. Actually all changes to this div is ignored, only the initial div state is returned. How can i do this? Thanks alot! Kind regards, Lars
A script fail after adding the jquery ui tabs in the site
Hi, I had just use the jquery-ui tabs to change the interface of the site, but after i apply it, i found the ajax function which works before had became fail. I would like to know will there be any way to fix the problem. The script of ajax is below: $(document).ready(function() { $('#usernameLoading').hide(); $('#username').blur(function(){ $('#usernameLoading').show(); $.post("lib/check_username.php", { username: $('#username').val() }, function(response){
Navigation stops working after "error loading page"
Hi Forum, i built a navigation skeleton(simple list view) for a new app with jqm. Of course some links still point to nowhere. Now when i tap on such a link and get the expected 404 the jqm standard box("error loading page") pops up and then the hole application navigation is down completely. Clicking navigation items just changes the address bar of the browser but not the document body content. I checked that with chrome and firefox. How can i work arround that problem? Cheers Stefan
Multiple Dropdown <Select> & XML instance
Hi All, I'm currently trying to Pull data over from an XML feed, and display it Via ajax, Which is working and is fine, Apart from now, I'm trying to display the pulled data into dropdown boxes, which is fine, But I'm trying to make the second dropdown box only activate and display the relevant information when the top level Dropdown box has been selected, For example The XML Feed is as followed, <Course id="123"> <Name>Course1</Name> <instance> <location>London</location> <date>11/11/2011</date>
Hide jquery tabs when login
Hi, I would like to ask if there are any method to hide a tab when user login and show some other new tabs?
ie7 issue
hi there, i'm doing an animation on a navigation, works great in all browsers, only in ie7 when i click the second time on a link the all "#sx" div moves up of about 20/30 px! I really cant figure out what's happening, i've checked the code in jsfiddle and it's all ok!! if you like you can take a look to the code here: http://jsfiddle.net/mkkqm/2/ Thanks in advice Apprentice
I need help with this slideshow
Hello, I ma new to jQuery. Really don't know anything about it. I am trying to install a banner/slideshow into a site I've been working on. here is the link, http://vertigo.zxq.net/erin/ The problem is that before the new image is loaded into the slideshow it shows for a quick second in the background, and while doing so, disrupts the whole website, any possible solution/suggestion? raelly need to get it going.. HELP!!!
Need complete documentation
Have just discovered jquery mobile. Have gone thru mobile site and can't find a single compilation of paramters and options. Looking for some guidance here. thanks.
data-nobackbtn="true" / data-backbtn="false" does NOT adhere for ListView child pages!!
Hi - I've got a ListView navigation (UL). Since the back button doesn't appear to work, I've tried to hide it. The various implementation of Jquery hiding the back button work on the first page, but not on subsequent "child" levels. Help! Logic would dictate that if you apply a "no back button" to an element, it should adhere for all child elements. For instance: <div data-role="header" nobackbtn="true"> <ul data=role="listview"> <li>menu 1</li> <-- Back button hidden
Spell Cheker
Hi I am using a jquery spell cecker of spellayt in my asp.net application. It is a very good spell checker working fine in multiple browsers, but in IE it started to hang after user write three to four lines in it. you can check this behaviour on their site as well. Another issue with this spell checker is that it suggest different spellings on IE and Firefox. I also attached snapshots for your assistance. Please let me know why is that and also propose some good and free spell checker which should
jQuery modal dialog form
hello all (first time poster here...). I have a problem with a form in a modal dialog that I'm hoping somebody can help me with. I see several different permutations of such scenarios in other posts here, but I haven't been able to find one which matches what I'm trying to do... Here's the setup (containing a bunch of my assumptions which I believe to be correct, but please point out if I have anything wrong here!): 1. I have a form contained in a modal dialog 2. I need to use the form's post method
DatePicker in MVC
Hi, I had just put in a jquery datepicker, but i got no idea how to get the selected date and store it in database. Here is my view: <%--Try Jquery UI here--%> <script type="text/javascript" src="../../../JQuery/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="../../../JQuery/js/jquery-ui-1.8.11.custom.min.js"></script> <script type="text/javascript"> $('#date').datepicker(); </script> <%--End Jquery Ui here--%> <p> <%: Html.LabelFor(model
Next Page