Trying to add a simple 'mousewheel' zoom for this image viewer....
Hello, I am having a difficult time trying to integrate this - but I am just trying to add a simple 'zoom' feature that allows people to zoom in / out of the large picture on the slideshow using the mousewheel on their mouse. Here is the image viewer I am talking about: http://sneakylink.com/k Any help would be greatly appreciated, Thanks J
Shadow clipping
I'm trying to squash some text shadow clipping. I have a script that separates each letter (Lettering plugin) to split up each letter and then using hoverwords plugin along with jQuery Easing to do the animation. At the end of js you can see my attempt at shadow clipping. Right now an example problem letter is the 't' after you mouseover the first word and then mouseout and then the first word will come back and you will see the 't' shadow clipped. Here's a jsfiddle so you can see it in action.
Server problem
Problem,,, I have my web pages on a server, thats all singing & dancing, they are not up on the 'WEB' as am testing them.Uploaded by DW. Anyway am editing the css file of my php contact form, I save file in DW, I up load to the server, I preview in all the browers i have,,, and there is not change to the layout of the form. The Css file has changed on the server, And in design code layout in DW you see the change to the form. How do you stop this sort of cache'ing' in these browers,or that
how to show and hide each class "mytext" when mouseover and out each "myimg"
<div class="myimg"> <img src="image1.jpg" /> <div class="mytext">text 1</div></div> <div class="myimg"> <img src="image2.jpg" /> <div class="mytext">text 1</div></div> <div class="myimg"> <img src="image3.jpg" /> <div class="mytext">text 1</div></div> <div class="myimg"> <img src="image4.jpg" /> <div class="mytext">text 1</div></div> <div class="myimg"> <img src="image5.jpg" /> <div class="mytext">text 1</div></div> Thanks :D
Popup Overlay Slide from Left?
Is there a simple way of having the Popup overlay slide in from the left instead of right? I changed the popup panel css to this: right: auto !important; left: 0 !important; The panel is now on the left (which I want) but it slides in from the right and travels all the way across the viewport to get there. I'm probably overlooking something. Thanks for any ideas.
Problem with event firing
I'm in the process of migrating from Prototype to jQuery, and have run into a weird issue. The .on() event I'm trying to register only works if I use the older Prototype onLoad. If I switch to the jQuery .ready on page load the event doesn't register: function HOAM_messageboardInit () { if ($j('#message_history').length) { $j('#message_history').parent().find('li').eq(2).on ('click', HOAM_messageHistory); } } function HOAM_messageHistory () { $j.ajax({ type: "GET", url:
Is replacing/proxying jQuery functions a bad idea?
Is there any reason for not doing something like this: (function() { var original=jQuery.fn.FUNCTION_TO_REPLACE; jQuery.fn.FUNCTION_TO_REPLACE=function() { var args=arguments; // Change some args return original.apply(this, args); }; }()); I already tried somthing like this to globally change the speed of all jQuery animations and it seems to work very well... https://forum.jquery.com/topic/globally-speed-up-slow-down-animations (Maybe I choose the wrong forum for this question
Darg and drop to map the items between 2 columns.
Hi, I am new to JQuery and have requirement where, I have to map the items in Column A with Column B Column A Column B 1 ii 2 i 3 v 4 iii 5 iv When "1" is dragged from "Column A" and dropped at "i" in "Column B", a line should be drawn from "1" to "i" to indicate a mapping between the two. Can anyone guide me how it can be achieved in JQuery. Thanks In Advance, Tara
jquery $.ajax() issues and concerns
Hi, I am using this $.ajax() to the data from webservice(.asmx) . webservice sends me data in html format enclosed as strings.I am just appending the received conten to table.It also contain image tags containing images. When i browse this page in chrome. Sometime these images are not loading one by one. Its gets loaded once all page async calls have done. When i browse this page in IE. Browse gets freeze can't do other process. this is happening even though i have set async: true during ajax call.
jquery event handler inside updatepanel not working
I have drop downlist inside upadate panel. My jquery change function not working. could you explain why $(document).ready(function () { $("#ddlRateStructure").change(function () { alert("It worked!"); }); }) ... <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> .... <div class="td"> <asp:DropDownList runat="server" ID="ddlRateStructure" ClientIDMode="Static" > </asp:DropDownList> </div> .... </ContentTemplate> </asp:UpdatePanel >
Slider counter box not showing up down arrows
When I use the slider the up down arrows in the counter box show in Safari and Chrome and do not show in Ipad, IE9 and Firefox. arrows show in Safari and Chrome Does not show in Ipad, IE 9 and Firefox code <input type="range" name="slider" id="slider-0" value="25" min="0" max="100" /> using <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
getting all textnodes in a frame
Hi, I'm trying to get all textnodes in an iframe, like this: $("*", $(frame).contents()).each(function(){ if($(this).nodeType==3) $(this) .wrap(<span/>); }); But it seems not to be Working as I get only nodes type 1. I have some elements like this: <span><span>this is a node type 1</span>this a text node</span> I want the elements not to have any textnodes as childnodes. i.e., If an element has children, I want all those children to be type 1. I want the above element to be: <span><span>this
jquery.ajax jsonp question
I am trying to make a jsonp call to bing map geocode service. depending on what parameters i change, i either get a cross-domain error or return is not script type. however, appending a script tag to do the call without jquery works, so i believe it's an issue with the parameters i'm configuring, i just can't figure out which one. in the case without jquery, i have to append the callback myself as &jsonp=mycallback. in the case of jquery, i let jquery.ajax append it for me. bingURL = 'https://dev.virtualearth.net/REST/v1/Locations?jsonp=mycallback&countryRegion='+encodeURI(country)+'&adminDistrict='+encodeURI(state_prov)+'&locality='+encodeURI(city)+'&postalCode='+encodeURI(postal_code)+'&addressLine='+encodeURI(addr_line_1)+'&includeNeighborhood=0&maxResults=1&key='+this.BING_KEY+'&output=json';
Ongoing Page Transitions problem
Hi Guys, Can I first start by saying that I absolutely love Jquery Mobile - it's a fanstastic framework for many reasons. I was however, very disappointed to see the new features that were added in version 1.2. It seems that a lot of development time went into these features, which could have been spent trying to fix the page transition problems, which we all know about, so I wont go into. I know what it feels like to pour hard work and enthusiasm into something and then have somebody criticise it,
What data-role="content" do?
Hello, What data-role="content" do? Is it mandatory?
each and binding functions
Hi everyone, i'm trying to develop this plugin ( function($) { $.fn.extend({ imageSwapper: function( options ) { /* * some code */ $(this).find('img.image-swapping').each(function(){ $(this).fadeImageSwapped(options); }); } }); }) ( jQuery ); ( function($) { $.fn.extend({ fadeImageSwapped: function( options ) { alert($(this).attr("src")); } }); }) ( jQuery ); The problem is that when i'm calling this $(this).fadeImageSwapped(options); i obtain only one alert. Can anyone help me understand this behaviour?
Issues with customzing jquery mobile slider.
Hello, I would like to customise the jquery mobile slider like this : I have already did some changes but i am not to close to the image above, for that i need to move the input slider above the slider line: How can i do that? I will appreciate your help. Thank you. Mona.
Why do i need the anonymous functions if i am sure $ alisa is used for jQuery?
Hello, i am new to jQuery and i have seen some this practice in writing classes by jquery: (function ($, app) { app.Method = function () { ... } })(jQuery, this.app = this.app || {}); i understand this anonymous function, and i understand the problem of $ alias. my question is this: if i am sure that $ is used for only jQuery in website, why do i need this practice anymore?
Techniques to create a dynamic “Bookmark Us” on mobile devices
Hi, I need to create the dynamic “Bookmark Us” on mobile devices. Is there any code to do that using jquery mobile. I want the similar functionality of the below link for mobile devices, http://flexidev.co.za/dev/code/bookmark/demo.html Kindly help me with the code.
Unable to produce dynamic list
Hello, I'm trying generate listview programmatically which i'm unable to do, Here is the code.. $.ajax({ type: "GET", url: 'updateService.php?time=lifetime', success: function(resp){ $('#li-nav').empty() var movie='Prasad'; $('#li-nav').append('<li>' + '<a href="">' + '<h3>' + movie + '</h3>' + '</a>' + '</li>'); }, error: function(e){ alert('Error: ' + e); }, complete:
Error: jQuery171044046986018069634_1344411426301 was not called - while doing ajax call
Hi, I am using the following ajax call to perform login, $( "#loginform" ).validVal(); $( "#loginform" ).submit(function( event ) { event.preventDefault(); var form_data = $( "#loginform" ).triggerHandler( "submitForm" ); if ( form_data ) { $.ajax({ type: "POST", url: serviceURL+'login.php?', data: form_data, dataType: 'jsonp', async: false, success:
Event fired an extra time on each subsequent request.
Hi, I'm pretty new to plugin development (stared the weekend) and was wondering if someone could tell me why the following event will occur one more time it did the last time on each subsequent time it's being fired? It's pretty much just opening a modal which will allow the user to create a new record. Upon close, the callback in the client get called that will update the list on the calling page with the new record. Plugin: (function ($) { $.fn.extend({ addCustomService: function
Validate plugin to validate on initial focus
Is there a way to make the error message appear as soon as the form field first gets focus. I am trying to use the error message as a tooltip as well so I do not want the user to have to make the field lose focus before they see the error.
Using a select box to retrieve values from the database and to save the result in an another select box
Hi, I have two select boxes: one is country and the other one is cities. When the user selects a country, the appropriate cities for that country should be populated in the "cities" from the database. I am new to jquery and javascript and i am not sure how to implement this. It will be appreciated if someone gives me a sample code for performing this functionality. I am using this in one of my forms in django framework which is implemented in python. Thank you in advance <!DOCTYPE html> <html>
issue with jquery client getting jsonp data from restfull webservice
how to send the response to jquery client as josn data. this is my jquery code for getting data to client var url= 'http://10.163.14.56:9000/customerservice/renderdetails?callback=?'; $(document).ready(function(){ $('#getData').click(function() { $.ajax({ type: 'GET', url: url, async: false, crossDomain:true,
jquery and html fragments with script tags
I use jquery.load to download some html and embed it to the page. I have noticed rather then adding the script tags jquery executes them. Why does jquery remove the script tags and execute them as opposed to adding them to the DOm and letting the browser run them? The problem I am having is that those script tags are referenced via relative links that do not resolve properly on the page I download the html. I was hoping I could process the links and update the references before they were executed.
No conversion from script to jsonp (chrome, safari & fireworks)
From localhost I call a rest service (php) via cross domain using jsonp, it works on Internet Explorer but I got error on Chrome (21.0.1180.60), Safari and Firefox. Any idea or help is welcome. Here is the code: $.ajax({ type: "GET", url: urlroot, data: {}, dataType: "jsonp", success: function(resp){ alert("mserver says: "+resp.message); }, error: function(e, textStatus, errorThrown){ alert('Error: '+errorThrown ); } }); Please tell me what's wrong
WebOS alike cards metaphor based interface
Hello, i am looking to implement a WebOS style 'cards' ( http://static.glossandgradients.com/media/images/webos_cards.png ) based interface for managing views in my jQuery bassed app. Does anyone know of a UI plugin or porject which would achieve something like this (possibly trough a carousel or something like the html5rocks slides UI) or will i have to develop my own from scratch? Any help would be greatly appreciated on this, All the best!
foggle plugin, enabling/diabling form elements
Hi, everone! At the bottom of this http://lab.abhisekdutta.in/foggle/ page there is a checkbox foggle function example. When the box isn't checked, the input is disabled. Is there any way to reverse this? When the box isn't checked the input is enabled - that's what I wanna get.
Can I use $.mobile.loadPage() w/out container?
I'm using loadPage() to pull in some data. There's no pageContainer argument supplied and the target page (data-role="page") doesn't have an ID. The code is pretty much this: $.mobile.loadPage(url); By design, JQM appends the resulting page to the current page with the classes "ui-page ui-body-c" where it remains hidden. Are there any selectors I could use that would allow me to reference this new page? The docs said something about a "deferred promise object" but I'm unclear what that means. Any
Shorten function + css. Please (tool tip)
Shorten function + css. Please View efect: http://jsfiddle.net/biofusionart/4esNj/12/ HTML: Copy code <a class="provincia" href ="#">Provincia</a> <a class="provincia2" href ="#">Provincia</a> <span class="provincia">▼</span> <span class="provincia2">▼</span> <div class="provincia"> <span class="tip">Elige provincia</span> <ol> <li> <div class="cont_scroll tipo_provinc menu_holder_scroll"> <div class="seleccion_provincias"></div>
checking fields for completion before continuing
what is the best way to show the general status of a section of a registration page? right now, there are about 5 fields. they each have their own check. then there is a check for the section itself. what is the best to verify all at once to change the section check? i was thinking a submit button, but thought the idea of automatic check would be nice. would i just run the check on everykeydown? i just thought this may slow down the browser every time the user presses a key.
Creating link from TD contents
Hi, I am trying to create hyperlinks based on contents of a table. I successfully manage to identify the right columns; but I don't manage to create a hyperlink that includes the columns value. Imagine the column contains in the first row the text ABC=1, in the next row it might contain the text ABC=21. Now I want to create a hyperlink www.somewebsite.com?ABC=1 and for the next row www.somewebsite.com?ABC=21 So far I have : $("TD:contains('ABC=1').ms-vb2").addClass('ab_attach') to identify the
IE rolleover/z-index issue
Hey, I am having the darnedest time trying to figure out how to fix an issue I have on bpwgroup.com -- it happens when you rollover the bottom 3 squares. In EVERY other browser (curse you IE) it works as expected and changes out the main box not IE though. Any help/suggestions reworking my JS or even CSS/HTML would be much obliged. -Thanks
Caching problem?
Hi everyone, I'm using load() to run&display the output of a PHP script reading the last five entries of a database. Now there is also a "Show all" link to show more than just five. Especially the first time, this seems to work well. But after that, I get weird behavior: The "Loading..." text appears (see code below), then it displays the last five results and after a few more seconds it finally also displays all the other results. After a couple more seconds, however, it just goes back to only displaying
New response to: Update - I need to add some js to a jqm collapsible element to hide an image and then reshow it.
Thank you very much... I rebuilt my pages using your sample.. from the frame source. Thanks very much for your help. I have a couple of question... no-where did i find written or otherwise that I needed this js script. <script type='text/javascript' src='js/mootools-core-1.4.5-full-compat.js'></script> The sample did not work until I down loaded that js script The other question is why is the javascript and css in a seperate body.... that interested me, I have not seen that done before... it was
zepto
Can you guys tell me whats wrong with this zepto code.. i tried implementing a sample code http://jsfiddle.net/rajkumart08/K9fsw/
Hybrid performance questions
Greetings, Background: I have been working on a Hybrid Mobile application for about the last 3 months. When we first looked at which mobile frameworks to use, I created some initial mockups in JQuery Mobile, Sencha, and Twitter Bootstrap. After seeing the initial mockups in a desktop browser, my customers like the look and feel of JQuery Mobile the best. So, away we went on building the application. When we got to the point of building the native application piece with a WebView for both IOS and
how to push array into json object with jquery
Hi, I have array's of data which as below each depicting an row with key and value i.e columns in the row: { "CompanyName": "Alfreds Futterkiste", "ContactName": "Maria Anders", "ContactTitle": "Sales Representative", "Address": "Obere Str. 57", "City": "Berlin", "Country": "Germany" } --> Array1 { "CompanyName": "Ana Trujillo Emparedados y helados", "ContactName": "Ana Trujillo", "ContactTitle": "Owner", "Address": "Avda. de la Constitucin 2222", "City": "Mxico D.F.", "Country": "Mexico"
Having an issue with jqm and the jqm.autoComplete plugin.
I'm not getting any output displayed from my autocomplete plugin. According to firebug, I seem to be getting data back from the call to my external php script. I've also tried running my php from the cl and I get the results that I expect. I'm not sure where I've botched things up. Stuff in the head: <script src="../../jquery/jquery-1.7.2.min.js"></script> <script src="../../jquery/jqm.autoComplete.min-1.4.2.js"></script> <script src="../../jquery/mobile/jquery.mobile-1.1.0.min.js"></script>
Next Page