Simple Photo Manager & Ajax - Problem :(
Hey guys, I successfully copied the "Simple Photo Manager" to my page. (http://jqueryui.com/demos/droppable/#photo-manager) I want to manage many pictures in different categories. What i want to do: Type in a inputbox the name of a category. Click on a search-button left of the inputbox. Clicking on the button will send an ajax request to my server. In my PHP-script i find all database entires (pictures) linked to the category name. Then i want to print out all pictures in the format that the "Simple
yoxview: how do I use the onEnd event with a gallery?
Hello All, I'm trying to combine the onEnd event with the feature Set multiple images for a single thumbnail. This is so when you get to the end of the slideshow it will close rather than loop. I can make them to work by themselves just not together. This is how I'm testing it: In this first one I set it up to where I know the slideshow works and inserted the onEnd() code in various places where I thought it might work. http://paste8.com/507 And this the second one I cloned onEnd Event demo page
Clicking a link on Page 1 to Show/Display hidden DIV on Page 2
Can someone please assist with how to do the following: - Clicking a link on Page 1 to Show/Display hidden DIV on Page 2. I have found a few scripts for JQuery but they seem not to work. Thank you!
data- attribute in a click event?
I have a button defined like this: <input type="button" class="add-fav-button" data-location="Canada" /> So then I have a click event in which I want to read in that data value document).ready(function () { $(".add-fav-button").click(function () { var location = $(this).data("location"); }); }); ...but the data item evaluates to "undefined" Am I doing this wrong? Thanks, Steve
How to keep this going
I am trying to get this slider to continue to slide in the chosen direction based on the hover state. I want it to continue to scroll as long as button is hovered over instead of 1 slide when fist hovered. I think I need to use onmouseover but am unsure of how or where to implement it. here is the fiddle of what I have thus far. http://jsfiddle.net/jeffhalligan/FbBvu/ thank you all in advance Jeff
Jquery array populates HTML select options - problem on Android Browser Rendering.
<newbie alert> In my first version of this web app all of my .js functions were in-bedded in my HTML. This version played fine with my Android. Then I decided to move .js code to external files and rewrite so that my 3 identical dropdowns were populated by JQuery doc.ready function that iterates through arrays (one for the drop down names and one for associated values.) This works perfectly on my desktop browsers. However when I run it in my Nexus' browser the dropdowns are not populated.
Carousel type slider that allows wrapping and adds active class
I am looking for a jquery slider that allows me to load my items and then shift them. Basically I have 5 menu items and each menu item has a description. You can see my work-in-progress here: http://dwight.team4.ciplex.com/ - I have 5 items, and I need all 5 items shown at the same time. When the left/right arrows are clicked, the items move left or right 1 position. The end pieces will wrap around to the other side. Currently, I am using Jcarousel slider, but it doesn't add an active class to the
IE7 preventDefault() not working on skip links
I currently have skip links that jump to the div id's and was using e.preventDefault() to stop the url from changing when jumping to the element but in IE7 or IE8 it doesn't work at all using e.preventDefault() and if I take it out the url changes to the div the anchor tag contains reference to. Is their any fix or way around this? Here is the code $('body').delegate('a.skiplink-accessible-text', 'click', function (e) { //e.preventDefault(); if(!$.browser.msie){ e.preventDefault(); } var jumpTo =
DataTables row click event does not fire after 25th row
My DataTable has a row click event on table id #pftable. This event basically reads some pertinent row data ('.td_pfid', '.td_nodedate', etc.), then passes off to the server to pull some addition detailed data. This event is ONLY enabled for the first 25 rows of my DataTable. Once I use the "Show ... entries" dropdown to select more table data, the click event DOES NOT fire on those additional table rows. Here's the click event : $("#pftable tbody tr").click(function (event) { // TABLE
Images in JQuery Mobile Have Poor Quality..
Please see the screenshot that is attached to this post, all the images are in bad quality i dont know why? i designed them for the retina display yet they come out poor...Please help... My HTML code is: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> <title>View App</title> <link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
Create Json as input to jQuery DataTables
Hello, I'm attempting to use the "aaData" property of jquery DataTables plugin, but having a problem rendering my table when I pass it a Json formatted variable. My table does exists in the Html section of the page with id="pftable" , so now I just need to call DataTables like this: $('#pftable').dataTable() with the use of the "aaData" property. It works as follows, but with only one record. I can't however figure out how to ADD to the JsonTest variable : Copy code var JsonTest = { "aaData":
Need Help with Image Replacement Script
I am trying to make a Picture Gallery Page. On the left is a 5 x 7 set of thumbnail pictures and on the right is room for a full size image. By clicking on one of the thumbnails, I want the full size version to get placed into the right area. I am having some problems with what to code as my script. The page is laid out as follows: <table border="5" width="1000px" cellspacing="5" cellpadding="5" rules="all" align="center" frame="border"> <tr> <td width="100px">
Issues with multiply li items being displayed
Hello, I currently have 6 list items, each with their own bit of text. I want it so when you hover one of the A tag images it will display the related text. The issue I am having is all of the related texts are being displayed under every li no matter which one I hover. Now I understand why it is happening, just not how to fix it. I will show you my failed code. $(function() { $('ul#portfolio li a').hover( function(){ $('ul#portfolio li').find('h4').css('display', 'block'); }, function(){
Source URL for "latest" version
Hi guys, So is the "latest" link (at http://code.jquery.com/jquery-latest.min.js) deprecated now? Because I see that it is at v1.8.0 where http://code.jquery.com/jquery.min.js is at v1.8.1 ! Do you support / recommend this idea of linking to "latest" on a CDN? If so, which URL is the best one to use? Or do you recommend linking to specific versions? It's odd that the download page doesn't mention the above two links when clearly they seem to be operational and useful.
Is it possible to test for no exception thrown?
JsTestDriver provides the ability to test if a function has not thrown an error e.g. function myfunc() { return; } assertNoException(function () { myfunc(); }); The test should fail as no exception was thrown. How would I achieve this with qunit? Cheers
Hello. I need help to function in Internet Explorer
This code: http://jsfiddle.net/biof/geuX6/ works for Chrome, Mozilla ... but I need help please to work in Internet Explorer Detail: $(document).ready(function () { $.each({ nombre:'Nombre', apellido:'Apellido', razon:'Razón Social' }, function(key,val){$('.datos_pers').append('<a class="'+key+'_tip">'+val, '<span class="'+key+'_arrow">▼'); var tip_datos = $('a.'+key+'_tip'+',span.'+key+'_arrow'); $('input.'+key).hover(function(){ tip_datos.toggle(); }); }); }); MIKEPIANIST
Using jQuery to post credentials to a shopping cart and opening a modal window
Is it possible using jQuery to post the login credentials to an external shopping cart and have the external website's shopping cart display in a modal window to the user?
a google map will not show on a linked page!
I`ve create a mobile page for our education package (www.bildungspaket-nf.de) and I have a problem to show a mapaera with GoogleMap! When a user click on a link in my application to a page with an includet map then the mapaera will be blank - applied at the browser reload (F5) the map will be show! Example: http://m.bildungspaket-nf.de/angebotsgruppen.cfm?Thema=Boxen&KatalogID=62 and then klick to the link ...TSV Rotwei... When I insert the coplete URL http://m.bildungspaket-nf.de/angebotdetail.cfm?AngebotID=323
Limit of only 26 swatches?
From what I understand there are only 26 swatches available - last I checked you can only use one letter per swatch name. I'm sure the development team thought 26 would be plenty for anyone, but I work at a corporation with dozens of big brands, and each needs its own swatch to color the navbar and buttons to their brand colors. If we had to do a second theme we'd have to have 2 different code bases, and I'd rather not go that direction. Will this restriction ever be lifted? Could we go to having
outerHeight and outerWidth return 0 after call ajax
I am using fixedheadertable to create tables scrollable The number of rows are variable, i'm using outerHeight and outerWidth to get the size og table I call it with jQuery(document).ready(function() { jQuery('#TABLE_1').fixedHeaderTable({parametri}); }); On load of page is all ok But if i replace div contect with ajax outerHeight and outerWidth return 0: I'm using jQuery.ajax({ url: callFile, type: 'POST', async: false, data: sendVar, dataType: 'html' }).done(function(htm){ jQuery("#"+element).html(html);
Multiple text in single cell for tablesorter
Hi, I have a table that has this format in one column: 100 (10%) This does not sort correctly unless i remove the (10%) Is there a work-around for that? Thanks!
Scrolling list, with sticky list element (fixed)
Hello! I've tried to figure out fancy way to make kind of "donators ranking list", and imaged to build it with: <ul> <li>13. Donator 1, amount $1000</li> <li>14. Donator 2, amount $950</li> <li id="me">15. Donator ME!, amount $800</li> <li>16. Donator 3, amount $600</li> <li>17. Donator 4, amount $300</li> </ul> If we've situation, that you donate $175 more, and then take 14th place in rank, whole other list should scroll down, but li#me should be "fixed". I thought
Creating a simple read-only list (without any arrows)
Could anyone provide an of a read-only simple list. The list without the arrow?
jQuery not compatible
Hi all. I have a preloader made from jQuery 1.4.3 and nivo slider which is jQuery 1.7.1. Both versions don't work together and if I change the preloader to work with jQuery 1.7.1 it won't work and vise-versa. Pls how can I make both work together? Thanks
problem with colors
hi to all! when i use the emulator i've got the correct colors in the section content with a data-theme. however when i run in a tabblet i have diferents colors say for exemple a blue color as backgound and a white color with text. what can i do? i've used the theme-roller also and created a new data-theme but also with no result! is it possible thar each tabblet or at least a group of tabblets have diferent ways to show the same code of colors?
page transition not working
I'm having a fair amount of difficulty trying to figure out how to make a transition between two html pages.. I've put the link that isn't working in red. index.html <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Untitled Document</title> <link rel="stylesheet" href="css/style.css" /> <script src="js/jquery-1.7.2.min.js"></script> <script> $(document).bind("mobileinit", function(){ $.mobile.loadingMessage
Why are these multiple selectors required?
Hello, I am new to jQuery and to the forum, so a big hello to everyone. I have come across a nice little piece of code here: http://tympanus.net/codrops/2009/12/08/beautiful-slide-out-navigation-revised/ which creates a slide out navigation panel. The jQuery code located just before the comments on the page is short and I easily understand what it does, but what has me spooked is why do we need this multiple selector: $('a',$(this))instead of using just this single selector: $(this)I would love to
Jquery Mobile viewport Problem.
Hi I have created a mobile application using Jquery Mobile and I want to manually set values to viewport for each page. How this can be done. Motive: Client is using website in mobile and when hi zooms page with fingers and If he goes to another page the zoom remains same. He wants if he browse other page it will open as default size. Please Help.
Passing parameters from one page to another on windows mobile application.
I am making an jQuery mobile application for windows phone7. I have to pass data from one html page to another at list item click(dynamically generated list ) . i use the code as follows: $("li").bind('click',function(){ $.mobile.changePage('mypage.html?id=5'); }); this does not work properly. even I try to use $("li").bind('click',function(){ $.mobile.changePage('mypage.html',data:"apple=banana"); }); this also show error. Any help will be appreciated.
Building jQuery with different namespace/jQuery variable(other than $ & jQuery)
I'm looking to bundle the jQuery as part of my js library which will be used by our customers in their website. Is there a way to build the jQuery from git repository with different namespace/variable (other than $ & jQuery)? This would ensure the jquery I load will not create any conflict. Ofcourse, I'll load the jquery library only if the required version is not present in the target website. Regards.
using jquery to read the json string with special characters
Hi, I have an Array of Objects , basically its json string as a variable named reqJsonObj, Here when the data is encoded from server through java and received at client side i have used below methd of jquery. var reqJsonObj = jQuery.parseJSON('<%=sJsonObject%>'); As a result i get the below format of data for display on the page, [ {"Notes":"PA+Increment%3A+FeaR+%0A+PD1%3A++%0A+PD2%3A++%0A+PG%3A+NA+%0A+FG%3A+NA+%0A+EG%3A+EG943"; ","state":"PREL","Handled":"no","Slogan1":"RAW","id":0}, --> Object1
request for help with terminology
I am getting ready to copy & paste Google Analytic's tracking code so that my website can be tracked by Google Analytics. However, on one of the instruction pages the following is stated: "Be sure to copy the snippet and paste it directly onto your website using either a text editor or an editor that preserves code formatting. We recommend that you do not use a word processor to copy the snippet from your account. Doing so can add an extra space or change the quotation marks in the tracking snippet,
Auto refreshing DIV
I am hoping someone can help me figure out a way to prevent my auto refreshing div from being registered in my php sessions. Every time the DIV refreshes the referring page is registered in the session data preventing features such as Session Referrer and auto logout after X inactivity. I hope I am making this clear. Any help is appreciated. Thanks!
AJAX with JQUERY (AJAX not working in all Browser)
If I use JQUERY, AJAX + XML not working in all browsers. If i disable jquery, ajax is working fine. Any one can help me
twfile.js is not working on firefox version 15
i userd twfile.js to save data into physical file,this is work fine upto firefox version 14 but the same thing is not working on firefox 15, I am getting the following error: "Error: A script from "file://" was denied UniversalXPConnect privileges" is there any bug on FF15, please give me right solution to resolve it.....
Making a multi-level selection menu (NOT a navigation menu) with jQuery - follow up
This is a follow up to the post here. http://forum.jquery.com/topic/making-a-multi-level-selection-menu-not-a-navigation-menu-with-jquery. I have managed to solve my initial problem, but I am now having difficulty with another... Thanks to a link in the previous post, I have been able to create a multi-level menu with the "jquery.chained.mini" plugin. Here is the html and js script that I have made (the "chained" function is right at the bottom: <form name = "LoadCategory"> <select id = "Level1">
Creating a sample Grade B webapp?
Can any provide a sample webapp of a Grade B compatible webapp? Trying to create webapp for blackberry os 5 browser.
Popup Bug in Overlay Panel (Beta Release)?
I'm using the JQM popup overlay panel for site navigation. It loads fine on the initial page load. In the 1.2.0 Alpha release, subsequent page calls worked fine (ie. the popup displays correctly). However, subsequent page calls using JQM 1.2.0 Beta brakes (the popup doesn't load). Here is my code w/ some notes: http://www.moxbrain.com/jqm/ The problem shows up on iPhone Safari... I have not tested Android. Not sure if this is a bug or my code is just written badly. Any help would be GREATLY appreciated.
How to process a JSON list to HTML
My plan is to generate with PHP a list of image properties like "images": [ { "imageURL":"images/5566_120512.jpg" , "alt":"Filler", "caption":"Caption" }, { "imageURL":"images/5571_120520.jpg" , "alt":"Filler", "caption":"Caption" }, { "imageURL":"images/5572_120530.jpg" , "alt":"Filler", "caption":"Caption" } ] I am not sure about how to process the list with AJAX to produce <a href="images/5566_120512.jpg" title="Filler"><img src="images/thumb/5566_120512.jpg" alt="Filler" caption="Caption"/></a>
Is possible to select a listed item within my web app.
Is possible to select a listed path within my web app. like can i select http://www.myurl.com/fbprojectA/index.html#mrktrpts/collasable/in_a_collasable list <-- from another http://www.myurl.com/fbprojectA/index.html#pageA/link1
Next Page