Classic ASP "unfriendly" error messages, via jquery ajax
Building a small internal website for am employer. Getting quite a bit of use out of the Jquery Ajax tools, but all the ajax error handling methods seem to want to hide my old-stand-by, ugly-but-descriptive unfriendly error messages from me. Keep in mind, I'm using Classic ASP as the server side scripting language (yeah...I know). Whenever an Ajax error occurs I get a generic "Internal Server Error" message returned via both/either the .ajaxError() method and the .fail method. What (id anything)
Help setting up a very basic jquery
Hi all, I'm very new and my web design knowledge is very basic. I've had a brief look through the forum but didn't see such a basic post. Now I have a basic structure to my site I want to add a sliding image. I do have a rotating one but the jquery seems to be the best option. Truth is, I haven't got a clue what I'm doing. I've followed a few online tutorials but I don't understand. This is my front page - I want to add the slider where the rotating images are: www.midlandsreptiles.com Here is the
$.getJSON give "bad request"
Hi. I am developing a web application with Rails. I need to pass data to JavaScript, so let Rails generate JSON on load like, <%= content_tag "div", id: "json", data: {script: @video.scripts } do %> <% end %> It generates HTML, <div data-script="[{"created_at":"2012-09-03T11:17:37+09:00","endp":"45.3","id":80,"startp":"30.1","text":"generated in console for test","updated_at":"2012-09-03T11:17:37+09:00","video_id":11},{"created_at":"2012-09-03T13:32:02+09:00","endp":"86.0","id":81,"startp":"60.6","text":"another
jQuery Validation Remote PHP
Hey Guys, Im using a Dynamic Dependent Select Box within my jQuery validation form, although i have ran into a problem in regards to the remote check. Firstly, i will explain the process of the Select Box. An example, Select Box 1 contains a list of countries: England, America, Australia. Once a user selects one of these countries, it will then populate the second select box with the cities within that country. Then the third select box will populate the towns within that city. What i have currently
[Doubt] jQuery Plugin
Hi guys, I'm trying to make a jQuey plugin with my own methods, something like this: var myPlugin = new MyPlugin(paramA, {"foo": "bar", "foo2": "bar"}); myPlugin.doThis(); myPlugin.doThat(); I don't know how could I make this kind of plugin. I don't know how can I start. Can you let me a little sample with a little explanation? Thanks!
jQuery animate() method is not working with the array elements.
I'm trying to use animate method on array elements, yet it is not working. Those array elements are storing the images and I need to redefine the margin for all of them. This is a task that I've to perform to form a image gallery slider. Please help!
Radio buttons validation with multi forum
Hi, i post this below message in the jquery mobile forum, but this code can work with "normal" jquery too : i need you, please help me Thank you ! I have 3 forms on the same page. For each, I have 3 radio button, and the form is automatically submitted as soon as I click a radio button. The value of the radio button is then retrieved from a php page, and rendering is displayed in a div The following code works fine for one form, but instead of 3 different functions (indicated by the "testsubmit(xx)"
Updated documentation?
I was wondering if/when the API documentation was going to be updated. I'm still seeing the "New or Changed in 1.7" block. The reason I bring this up, is because I thought I read through all of the 1.8 changes in the blog post, but I just discovered the new "addBack()" function which isn't documented anywhere, well except for Cowboy's gist. Thanks!
hover: append element, can't remove on mouseout..
nothing I try to remove element that was appended on hover works: $('#links a').each(function(i) { var index = i + 1; $(this).css('background','url(images/item' + index + '.png)'); }); var roll = '<img id="rollover" src="images/rollover.png" />'; $('#links a').each(function(i) { $(this).hover( function() { $(this).parent().append(roll); // $(this).css('background','url(images/rollover.gif'); }, function() {
How can I modify this Replace function to use arrays instead?
I need to modify this Replace function to use arrays, but haven't been able to figure out how to do that. This function allows the text and 2 sets of items to be replaced when a user clicks on an element, and each set of items includes an image and it's associated value (which will then be added to the customer's profile and be inserted into a database). I can't figure out how to modify the code to use arrays instead or how to advance past the 2nd set. This is part of a taste questionnaire which
Wookmark with OpenCart (a'la pinterest)
Hello, I am creating shop on OpenCart and i want to implement Wookmark plugin on category view. I'm talking about this plugin http://www.wookmark.com/jquery-plugin As "#myContent li" I set ".product-grid > div" but it didn't work. Grid view in shop is using jquery too so maybe this is problem but I dont have enough experience with jquery (almost zero). Could you help me with that? Here is site where I want to implelent wookmark: http://www.keepalive.pl/index.php?route=product/category&path=62&limit=100
datepicker not working on edit form
i have got 2 form add and edit form. datepicker working on my add form but not working edit form where is the problem (:. i cant find. this is my add form <?php /* NEW.PHP Allows user to create a new entry in the database */ // creates the new record form // since this form is used multiple times in this file, I have made it a function that is easily reusable function renderForm($adi, $turu, $cinsi, $cinsiyet, $rengi, $dogum, $sadi, $telefon, $adres, $error) { ?> <!DOCTYPE HTML PUBLIC
blockUI not working with ajax
Hi, I started using jQuery recently and am trying to get blockUI plugin to work. I have the following script <script language="javascript" type="text/javascript"> function showGetResult(callingObject) { $j = jQuery.noConflict(); $j.blockUI({ message: '<div><img src="http://localhost:8011/images/waiting.gif" /><h1> Loading...</h1></div>', css: { border: 'none', padding: '15px',
Get height/width numbers & console logs not showing
Can't figure out what to do - with jquery1.8 a few things are now broken: $(function() { if ("Yes" == "Yes") { $('.contentbutton_searcher_stack-its_showbutton').css({"display": "block"}); var butht = parseFloat($('div.butwrap_searcher_stack-its_showbutton').css('height')); console.log('Button Ht: ' + butht); if ("center" == "center") { $('.butwrap_searcher_stack-its_showbutton').each(function() { var fullinitwd = $(this).closest('div[class^="searchercustomcontent"]').width();
jQuery Mobile Fixed doesn't work in Windows Phone
I'm developing a app for Windows Phone with Cordova 2.0 and jQuery Mobile 1.2.0 Alpha 1, and the footer has a blank space between the end of the app and the end of the footer. This is code. <div data-role="page" id=Start> <div data-role="header"> <h1>Bienvenido</h1> </div> <div data-role="content"> <style> .toolbarbutton-icon .ui-btn .ui-btn-inner { padding-top: 40px !important; } .toolbarbutton-icon .ui-btn .ui-icon { width: 30px!important;
How to check radio box not in view
Hi. I am having a problem selecting a radio button in a web app. My app is a multi page setup, and the first two pages contain a single list of radio buttons. When the app loads, I want to select one of the radio buttons on each page programatically. I am able to select the radio button on the first page, but selecting radio buttons on subsequent pages cause the app to hang. Here is my code - stripped of unnecessary bits. <head> <script> $( document ).bind( "pageinit", function( event, data ){ $('#'ukLanguage').attr('checked',
JQuery 1.8 Ajax with FireFox 14.0.1
Hi! I have problem with JQuery 1.8 (and 1.7.2) Ajax with FireFox 14... 1 - I'm calling a webservice to return a JSON object to me... this object contain a text html 2 - I'm show this text in a window... In this window I have two buttons... 'I agree' and 'Don´t agree'. 3 - If the user click in 'I agree', the window is closed and is call the function 'Save' of the parent window. But, when I click in 'I agree', in FireFox, I get this message: A script on this page may be running or stopped responding.
Use just JQuery mobile form element wrapping
I wrote a site using JQuery, but it needs to work on Android 2.2 browsers; when I tested there, there were many issues with unresponsive form inputs and form inputs not updating. I want to switch the form inputs to JQM form inputs to see if that fixes the problems, and to take advantage of the improved look and feel. However, I don't want to use the rest of JQM - I have a lot of custom data/form handling, and I already do my own page transitions. Is there a way to use JQM form inputs without it
2 questions of .dequeue
What is difference between dequeue is set after queue and in queue. I can't find any amply description. I found first variant in example of custom animation. Author wrote. Nothing happens. Why? Because unlike the default fx queue, custom queues are not dequeued immediately. They require an explicit dequeue call to get them started. And then he offers example with dequeue after queue. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Datetimepicker
Hi! I'm using the Datepicker plugin with the [url=http://trentrichardson.com/examples/timepicker/]Timepicker[/url] add-on and got a problem with customizing it the way I want to have it. This is what I want to do: You should only be able to pick the time and date, that is at least 12 hours ahead from the current time. The time scrollbar should only display hours and it should only be adjustable on full hour steps. I use the 24-hour clock. Here are some examples of what the earliest selectable time
Timeout function help needed
Hi all. I am having trouble with the below code: $(function() { var timeoutID = 0; $('ul#featured_grid li').mouseenter(function() { timeoutID = setTimeout(function() { $('.featured_popup', this).animate({ bottom : 0 }, {duration: 'fast'}); }, 400); }).mouseleave(function() { $('.featured_popup', this).animate({ bottom : -50 }, {duration: 'fast'}); clearTimeout( timeoutID ); }); }); The code works
how to create add to playlist in jplayer?
i want to add music files to current playing list . and also alert message after each song played completely with song name . can any one help to me? Thank u.
How to re-direct from HTML button to PayPal in Android..
Hi there! I'm quite new to Android SDK and Java, but I've used jQuery mobile to create a mobile online shop inside Dreamweaver CS6, which, using the Phonegap build, works perfectly on iOS phone. However, I have added a PayPal button using HTML code to each "product page" of index.html, and I have now "wrapped" the index.html inside Java, and run it OK on the AVD emulator on Android SDK inside Eclipse. (So far so good..!). What I want to know is how to create a re-direct to a separate piece of Java
Preserving links and creating default state with cookies
Hello everyone, I was assisted with this solution which adds a class to a clicked link so that it becomes the activelink. The style is than preserved using Cookie even when the user refreshes the browser. My question is: How can I modify this code so that when the page loads a specified link or tab is assigned the activeLink class so that it becomes the default? However, if other links are clicked; they than become active addClass/removeClass. Finally if a user returns to the page then their previous
Parallax scrolling - margin not working
Hello! I have got this parallax scrolling script. So far it works, but only with background-position. Any time I try to use it with margin it doesn't seem to move. Does anyone know a solution? var movementSpeed = 35; var height = movementSpeed / $(window).height(); var witdth = movementSpeed / $(window).width(); $("html").mousemove(function(e){ var pageX = e.pageX - ($(window).width() / 2); var pageY = e.pageY - ($(window).height() / 2); var newvalueX = height * pageX; var newvalueY = height
JQM 1.1.1 - sliding and scroll does not work too good
Hi Everybody I am having an serious issue with JQM 1.1.1 that sliding and scroll does not work too good by implementing the custom design into it. Sample code <ul data-role="listview"> <li data-icon="arrow-r" ><a href="web-home.html">Home</a></li> <li data-icon="false"> <ul data-role="listview"> <li data-icon="arrow-r" ><a href="Aweb-home.html">A</a></li> <li data-icon="false"> Sun ul and li have to display on the same page and the link should have the sliding effect. Does any one have solution to
License and HTML tag
Hi! The following question is about licensing of jquery and how to use jquery in html. 1. License: As jQuery is really easy to use and very powerful I think about using jQuery in my commercial project. I read here (http://jquery.org/license/) that I may use jQuery in commercial projects as long as the copyright header is left intact. So - what is the copyright header? I downloaded two different jQuery-Files (min-version and the production (uncompressed) version). When I open them there is a comment
How to implement callback after $.php call?
Hi! I have a php function that imports some data into a database and saves the import results in a cookie. This is controlled in javascript by three functions: function importCSV(filename){ do_importCSV(filename); callback_importCSV(); } function do_importCSV(filename){ javascript:$.php(url,{'act':'importCSV','file':filename}); } function callback_importCSV(){ var importResultArray = get_cookie('importResults').split(","); alert('Import result: \n' +... } The function importCSV
fade In a div when hover on an imagemap
hello, I have an imagemap, I want to when mouse over on a hot spot a div with some information about that place fade in and with mouse leave it fade out. my html page is below: <div id="content"> <img src="382525_CMQTqaMx.gif" alt="" /> <map id="map"> <area shape="circle" coords="100,200,20" alt="" class="hotspot" /> <div class="projects"> <a>project 1</a> <a>project 2</a> </div> <area shape="circle" coords="200,300,20" alt="" class="hotspot"
adding date picker and combo to inline edit fields
Hi, I am new at this. So far i have figured out how to incorporate an inline edit feature to my application. What I need now is when you click on the field to edit it will have a datepicker or combo. Also a way that it knows its a date field or a combo field. URL of application: See live here Here is the code I have for the inline edit <script type="text/javascript"> $(document).ready(function(){ $('td.edit').click(function(){ $('.ajax').html($('.ajax input').val()); $('.ajax').removeClass('ajax');
Lost with Ajax loading XML file
Hi there! I'm trying to load & read directly with jQuery.ajax an XML file. Here is the code I'm using: function readXMLNews(xml) { $(xml).find('news').each(function(){ var $newsHeader = $('div#newsHeader'); var $newsBody = $('div#newsBody'); var $newsFoot = $('div#newsFoot'); var $nodeHead = $(this).find('header'); var $nodeBody = $(this).find('body'); var $nodeDate = $(this).find('date'); var $nodeBy = $(this).find('by');
editable datatable
I'm implementing the editable datatable plugin. I am having an issue with the table self updating. My AJAX call is correctly updating my DB but the edited field does not change unless I refresh the table. In the case of both the UPDATE and DELETE events, the DB is updated but the return is displayed as an alert which I believe indicates an error from the client-page perspective. In the case of update, I am suppose to return the value of the change; and this is what is displayed in the error.
how to get the text from a autosuggestion box to the search box?
i have created a search box and added autosuggestion functionality using jquery and on click of the autosuggestion content it is redirecting to the respective link. But I need that on click of the autosuggestion content the text should go to the search box and on click of the search button it should redirect to the respective link as in google search box.If any suggestion please help.... I am pasting my code here.Can anybody go throug it and tell me the modifications as per my requirement. <script
How to force button to be UP.
Dear, I would like to make an slide-up menu like the one on link . So I have created menu like: <ul id="navigation"> <li class="home"><a title="Home"></a></li> <li class="about"><a title="About"></a></li> <li class="search"><a title="Search"></a></li> <li class="photos"><a title="Photos"></a></li> <li class="rssfeed"><a title="Rss Feed"></a></li> <li class="podcasts"><a title="Podcasts"></a></li> </ul> And add some animation: <script type="text/javascript"> $(function()
Jquery Mobile - Embedding in a browser page
Hello, I wanted to know whether it is possible to embed a Jquery mobile page in a Desktop browser. I want to show a preview of the Jquery page, inside the browser (on the right side), whereas the left hand side would have some controls like the "Header Title" , Footer Title Entry box etc, Navbar color etc. Something like a App ciustomization page. Please can someone let me know if it is possible to embed (and render) a Jquery mobile page in another page ? Thank you. Cheers, Simith
PhoneGap - Android- Jquery combo doesnt work
I created a simple jquerymobile based html5 app.. works great in browser. but when i package with suggested phonegap, it stop working.. App is simple- container html- has a form.. when i submit form, i call javascript before calling same page.. problem is this phoengap cardova add incorrect url which has rendering issue.. its clear from logs below (file:///android_asset/www/Beginner.html?req=0&path=Java) WORKED User selected few form var & invoked loadUrl(file:///android_asset/www/Beginner.html?req=1&path=Java)
Superfish - when I move the cursor from a dropdown menu the shadow and text stay for another 3 seconds
So if I am hovering from 1st level menu item to another 1st level menu item the dropdowns work as needed. If I am on a dropdown menu and click nothing, just move the cursor to the content area, the menu retracts but not the shadow and text. It stays for about 3 seconds. Like a ghost image. Any ideas? Here is an example page: http://www.2012therightchange.com/Page_TribalGov.aspx Here is the css/script <script type="text/javascript" src="js/superfish.js"></script> <script type="text/javascript" src="js/supersubs.js"></script>
How do I make the SlideTo plugin start automatically on its own and in a loop?? please help
Hello everyone, I'm trying to use a "slideTo" jquery plugin in a micro-site Im developing, it's working fine, only there's one issue, I want it to auto start. Im kinda new to this, but I usually search and search and play with the codes, only when Im desperate do I come and post a question, I tried setting a play interval?? but that only happened on a click. also, in this same slider I have content that I do not want to slide with the slider (so they can appear on the following slide but I don't
Unable to display selected value in jquery selectable
I want to display the selected item and only one item should be able to selected i achieved the second but struggling for first, Help Plz!!!!!! <!DOCTYPE html> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <title>jQuery single select</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> #feedback { font-size: 1.4em; } #selectable .selecting { background:
permanent expansion of jquery msdropdown plugin
hi, how can I keep jquery msdropdown expanded and open the whole time for the user to see the names in the list?
Next Page