Malsup Cycle lite jQuery plugin +1?
Using the minified jQuery Cycle Lite Plugin (only 3kb) is very very attractive for the project I'm working on. I'm trying to make cuts in load time and 99% of my site would only requires the fade transition, however one area needs the 'scrollUp' effect. How hard would it be to add that effect to the Lite version of the plugin?
Malsup Cycle jQuery plugin as an event ticker?
Another question for the malsup cycle plugin: I can imagine the malsup cycle plugin used as an event ticker, something that would look similar to: http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm but be much more versatile/easy to use. However I do not have the J S/Query know how to implement such a thing. a) Is this possible? b) How hard would it be to implement?
How to get the actual size of an img
I have created a grid of images and want them to scale up, similar to google images. I'd like to be able to get at the actual size of an image, rather than the current size. Is there a JQuery function that does this? It seems the width() method only retrieves the current size.
jquery + jquery.transform doesnt work with ie8
hi, i will try to explain myself (english is not one of my strenght)....well, im doing a website and put some basic animations to my index, everything work in chrome and firefox but in ie8 the animations doesnt work, there is no error message and dont do it the animation.... im validate the .php and .css to the W3C and nothing i put some of my humble code :) $(document).ready(function() { $("#Map_main_street").mouseleave(function() { $("#layer_main_street").animate({transform:'rotate(-3deg) scale(1,1)'});
Using sortable on TBODY elements within a TABLE?
I have a table something like the following: <table> <thead><tr><th>Col 1</th><th>Col 2</th></tr></thead> <tbody> <tr>...</tr> <tr>...</tr> </tbody> ... <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> I want to make the tbody's sortable, so: $('table').sortable({ items: 'tbody' }); And this does kinda work: you can drag and drop the tbody elements. But There's no indication where you're going to drop. Attempts at defining a placeholder have no effect, and there doesn't
Problem with jquery load()
Hello everyone, I'm using this script <script type="text/javascript"> function loadContent(elementSelector, sourceUrl) { $(""+elementSelector+"").load(sourceUrl); } </script> load the page inside the div <a href="javascript:loadContent('#content','prova1.html');">Sito</a>the script works perfectly, I just do not charge the various scripts of the page (site.php). How can I solve my problem? Thanks so much. PS Sorry for my English
trigger alert if button clicked and conditions not met
Can't get this to work correctly. I need to run an alert if the user clicks the button "#step0Next" and none of the var ckd button's are checked $("#step0Next").click(function(event) { var ckd = ['AMX1N','BMFNP','BMFNB','CFE1N','CBEXR','CBT1','CBTQL','CME1','CMEQL','CMX1','DCMX1','DMERT','DMEDL','ERX1N','ERXXN','EXC1N','EXD1N','EXR1N','EXI1N','IPE1','KCB1','LME1','DLME1','MPL1','NDQ1N','NDQL2','CEC1','ICEFI','NYM1','DNYM1','NYMQL','NYS1N','NYSLM','PNK1P','PNK2N','SMX1','CNC1N','CNS1N','MTL1N','MTL2N','MTN1N','MTN2N','WEA1'];
Text Effects
Just some thoughts that come to mind looking over this... Sean started working on an effects.text.js that implements the following "effects" functions: textExplode, textConverge backspace, type disintegrate, build blockFadeOut, blockFadeIn They work beautifully so far, but I think we need to try to make this more like the other effects, and use "show" and "hide" modes of the same animation. It seems other effects tend to use the "hiding" operation i.e. "explode, drop, fold, blind" Also - a little
Disappearing box on Hover
This code attempts to have a blue box appear when red senses the mouse hovering. I can get the blue box to be visible, but when the mouse leaves to hover over the blue box, it disappears! Not good. How do I make it stay? I want to put a form in the blue box, but at this test, the blue box disappears when the mouse leaves the red bar. I put in code to keep the blue box visible on mouse over, but it conflicts whit the second "red.hide" function, animating open and closed. I've tried to put an "if statement"
Mouseover/out play/pause
Hey everybody, This is my first post and I'm currently working 2 days with Jquery so i'm very noob at it I use this script to display and external rss feed into a news ticker (which works just fine). but, My question is... Can I make a function so the newsticker pauses when you mouseover it and plays along when you mouseout? I know these functions exists and there is a lot of documentation about it but i just can't seem to get it working in my script. Can someone provide me a working code please,
Grouped buttons inside toolbar result in broken layout
The following markup results in a broken layout (tested FF 3.6.15 and Chrome 9.0.597.98): <div data-role="page" id="thread"> <div data-role="header" data-backbtn="false"> <a id="backToBoard" data-direction="reverse" data-icon="arrow-l" data-iconpos="notext">Back</a> <h1 id="threadTitle">Title</h1> <div data-role="controlgroup" data-type="horizontal"> <a id="refreshButton" data-icon="refresh" data-theme="b" data-iconpos="notext" data-role="button">Refresh</a>
how do i get the size of an image
i have a link, and in this link have in href="link to my image", how do i get the size of the image inside href? thanks!
is it possible to update a div element on a remote web page
hi all, i have one task in which i have to update the information on DIV on one of the webpage which will run on another system which can be any client system. is it possible to update the information of the web page in real time so that if some client is watching the other web page at that time, he will see the latest content. i dont want to create server side scripting and logic for this as this is very small content. anyone with some idea about this? i hope i was able to describe the problem
Jquery form action not working
Using jquery i am validate email address... After validating when i click on submit button, the form action not working... I attached my files in this post
How to get ID's of Children div's of a class with a specific Parent div ID
I'm building a volunteer translation site. In order to constantly update only paragraphs that multiple translators are working on, I need to pass an array to PHP of A: which paragraphs are open, and B: which translations have been submitted and are visible on the user's screen. PHP will then compare this with what is in the database and tell jQuery to add new submitted translation paragraphs or remove deleted ones. I've managed to make a string of all the open Div's and have it updated every second,
Load a pdf file using div.load() call
Hi, I was trying to display a pdf file inside a HTML div and was using JQuery $('#divid').load(url) to load the file inside a div. While other HTML files are loading properly, i am facing problem loading a pdf file. The content does not get rendered properly, i am not sure whether this load function is supposed to handle this, but is there any other way to load a pdf inside a div?
console.log() ?
Hi guys is console.log() a javascript of Jquery? By the way I want to understand console and log() Where I can find the manual for this? Can you show me the link. Thanks in advanced.
Animated (blurry text) text-shadow problem!
I'm trying to slowly blur text but I'm running into a problem where color:transparent text is applied before text-shadow. I need it to apply at the same time. If it isn't apparent by the example, I'm using text-shadow to blur the text out to be unreadable, I'm not trying to add a simple text shadow. I need this to a slow animation. If there's a better way to do it, please let me know. I realize you can select the text and continue reading, but I'm not trying to block access to the text, I just need
Draggable: click-to-front
Hi all :) I have overlapping and linked draggable elements on my page and I am trying to bring an element to the front on the first click. Only on the second click I want the link to be followed. If an element already is the frontmost, the link should be followed on the first click, though. When dragged around, the elements already come to the front without following the link. But I try to achieve the same for clicks. Any ideas? Regards, John
Grouped buttons
Hi, Is there a way to group buttons into a 2x2 block? To have four buttons in a neat block, with the aporpriate rounding on the outer corners? If it's not possible natively, is there a guide to using the classes to mimic styling?
Moving svg nodes
I currently create a grid of svg circles made up of rows. I can animate a circle from one row moving into another row, sorted by some attribute value. But when I use a selector to fetch all circles within a row I get them ordered by when they were added to the underlying DOM. Is there a way, if I created a group for each row, that when I move a circle from one row and insert it into another I actually remove the svg object from one group and insert in into the other so that it's correctly positioned
How to get the outer xml from an jquery root object?
Hi there, i pumped an xml string into jquery and want to print out the entire xml document. Something like this: var jxml = $("<servers><server>A</server><server>B</server></servers>"); Now i do some modifications on the dom or not... doesent matter. And then i simply want to print out the entire jxml content but i have no idea how to do this? Something like this: // Just simply alert out the outer xml content alert($(jxml).outerXML()); I tested the $(jxml).text(), $(jxml).html() and i got always
DOM loaded after function executes
Hi, I'm developing one jQuery Mobile web site. In this site, I've kept html files and js files separate. So, whenever user clicks on a link corresponding html page is loaded and js is executed. However, I've noticed that, sometimes, function executes before DOM is loaded and thus I can't get desired and predictable output. Any solution for this? Thanks.
Need help with something complex.
I've been searching for hours and hours and I just don't know exactly what to look for. I created a spreadsheet in excel for a video game that can calculate almost anything in game. And I wanted to take it to a whole new level and make it into a website for people who don't have excel and just making it 10x easier and more accessible to use. I just don't know where to start. Pretty much the idea is. Person #1 loads the website, he chooses his Hero that he wants to test and an enemy hero he wants
Programatically create tabs
Hi all- I've been trying to work this out today, and maybe I'm missing something obvious. I have been working with the tab control where I've converted a <ul> to tabs, and that's working great. I've also had success adding tabs using tabs("add"). Now I've come across a use case where I don't know at design-time what tabs I will have. What I really want to do is create an empty tab control and add tabs at run-time, when I know what is needed. I've thought about either having a placeholder tab, and
Is there any degrade examples in jQueryMobile?
Is there any degrade examples in jQueryMobile? Please teach.
jQuery, AJAX and JSON
I have a Select box that has an option to select Price Plan. When the price plan is selected, i want it to populate the PaymentAmount input box with the cost of that price plan. The code i have so far, HTML: <form name='dataForm' method='post' action='client.add.proc.php' id='DataForm'> <table width='500' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='150'><label>Payment Date</label></td> <td width='350'> <input type='hidden' name='Stage_field' value='AddContract' /> <input type='hidden'
Is that my hair falling out? Help needed...
I am having terrible trouble just linking to html files from within a page: e.g: <a href=".../folder/file.html">File</a> The only way I can link to files is using rel="external" - point is that these are not external pages - they are within the same domain as the entire app! I have read everywhere and tried adding a trailing slash, ? to the end of href and all sorts - still having no luck! Thanks in advance
detecting app reopen/focus when coming back from multitasking
how can i check if the app (phonegap or safari) is coming back from multitasking background state. can i force jqm to refresh or show the main index.html? thanxs markus
Would it be possible to write a jQuery plugin that automatically applied the necessary IE6 fixes to a standards compliant DOM?
The gap between IE6 and standards is fairly well understood. We all apply the usual hacks. Isn't it also possble to simply include a jQuery plugin that detects IE6 and irons them all out automatically. It could even recognise existing IE6 hacks and handle them. It's not a glamourous job, but whoever did this would be a rock star. IE6 isn't going away. Why not just fix it with jQuery.
Uncaught ReferenceError: $ is not defined - in using autocomplete widget
Hi there! It's my first time to use jQuery UI autocomplete. It worked perfectly in our development side. However, when I already deployed it (prod side), I cannot get it working. I used Google Chrome Javascript debugger (Ctrl+shift+J) and got these errors below. Failed to load resource: the server responded with a status of 404 (Object Not Found) jquery.ui.position.js jquery.ui.widget.jsFailed to load resource: the server responded with a status of 404 (Object Not Found) jquery-1.4.4.jsFailed to
Need help with onbeforeunload function
Hi, I have the following code which acts as desired to a point. <script type="text/javascript"> window.onbeforeunload = function() { return "Using the browsers back, refresh or close button will cause you to lose all form data. Please use the Next and Back buttons on the form"; } </script> I need this to allow the submit button to submit w/o popping the confirm dialog. How would I add a var ie var okToSubmit and apply it to the function as if(!okToSubmit) return and set it to true on the submit
Show a compatibility chart for UI and jquery releases
I find it is always a bit hit and miss when i upgrade the UI and jquery because it is never clear which versions are fully compatible with another. I understand that there is a bundled jquery version with the UI download and I always assume that that is the latest safe version, however I think it would be a very useful addition (judging by the number of 'my-version-is-not-compatible' questions found online) if there was an easy to find compatibility chart on the UI website, updated for every release.
Creating elements & setting attributes with a namespace.
Hey guys! I'm working on an app, which creates visualizations based on SVG. I was using jQuery SVG by Keith Wood at first ( http://keith-wood.name/svgRef.html ), but at some point I've noticed that it's very inconvenient for some stuff and wrote my own functions to handle everything. One of the quirks when creating svg trees dynamically is that you have to create all elements and set attributes using the SVG namespace ("http://www.w3.org/2000/svg"), otherwise they aren't rendered correctly by browsers.
Thickbox + Tipsy
Hi, I am using thickbox for my inline iframe to show, thats work fine but when I use it with tipsy plugin for tooltip and click link inside tooltip to activate thickbox, it appends the href attribute to the url and does not display the thickbox iframe. help me out in this Regards
Listviews are moving when returning to pages
Hi. I'm having a very odd problem with listviews in jquery mobile. I have a heap of pages with listview menus at the bottom of each, which link together fine, but when I go down a page tree and hit the back button until i get to the first screen screen, the listview buttons apper at the top of the screen infront of a picture, while the shadow is still down the bottom. There is a preview of the problem at http://173.255.216.136/
How can I get my script to run after all .load() events?
I have a simple script I developed, with help from a tutorial on jqueryfordesigners.com, which changes the class on a floating sidebar element in order to change it's positioning code depending on how far the document has scrolled. An example of it in practice is below. The sidebar stays within the window but will be bumped up when you scroll all the way to the footer: Structure Test 2b However, this solution depends on being able to calculate the height of the parent element of the sidebar, in the
Problem with function repeating itself...
Hello, I've got a problem with a function. The Script and Demo can be seen here (To call the alert click on the element with the content "T2"). It's a little sample of my new project I'm working on. The thing is the more often the function is called the more often I get alert with old content. For example if I've called the function for the second time I get two alerts. The first one with the content of the first execution and second alert with the content. Where is the problem in this function?
jQuery.get() and jQuery.getJSON() callback fails
I've been attempting to use 1.4.1 but I'm finding that $.get() and .getJSON() callbacks fail. The XHR requests succeed. I can examine the full request in both Chrome and Firebug. However, the callback functions *don't* execute. To test, I tried the same url with both 1.4.1, 1.3.2, and via a raw XMLHttpRequest(). The last 2 requests succeed, 1.4.1 fails. //v1.3.2 WORKS, fails in v1.4.1 $.get('/topic/api/template/list', function(data){ alert(data); }); //native WORKS var req = new XMLHttpRequest();
Sharing settings across methods in namespaced jQuery plugin
I'm writing a plugin and following the jQuery documentation's recommended practicehttp://docs.jquery.com/Plugins/Authoring when it comes to namespacing and multiple methods. My init() takes care of merging default and custom settings using $.extend() however I can not figure out how to make those options available outside of the init() method. Say that call and initialize my plugin using $("a").myplugin({debug:false}); how can I reference the debug property later when I call $("a").myplugin("someMethod")?
Next Page