How to retrive Images from database using Jquery
I'm kind stuck on this. My situation: I have a Oracle database with a table where I store images (the file name,albumid, the mimetype of every file and the binary data in a BLOB plus a unique ID). Now what I'd like to achieve is to load all image from the database using AJAX and the GET method. Viewing a specific image using the plugin, AJAX uses the returned data to fill an <ul> somewhere in the document, and that would be the freshly-loaded image. Alright here's some code: $(window).load(function()
validate: custom rules with messages
The example shown http://docs.jquery.com/Plugins/Validation/rules#.22add.22rules states that you can include custom messages for particular conditions. The set up code works in that it does store the message, however the validation processing fails as there is no "default" rule called "messages". As a temporary workaround, it is possible to avoid this error by adding an extra rule called "messages" which always returns true.
jQuery Lightbox/Colorbox/Fancybox breaks jQuery image cross-fade. HALP!
O, hallo. :| Sorry to bother... I hope I'm posting this in the right place. There were a few areas that looked like likely places to put this, but I figured this was the most relevant. I've tried all three of the above "boxes" and have the same issue with each. I currently have a page in which I'm using a jQuery image cross-fade slideshow. That works just fine on its own. On that page, I also have a menu along the top. I want the links to pop up in a box. I suppose you can call it inline
Adding Menu height to submenu height
Hello, here I am attempting at making the topmenu extend its own height as the submenus reveal. Can you please explain to me why it is not working? $('#topmenu a').hover(function() { $('#topmenu').stop(true, true).animate({ 'height': $("#topmenu").css('height') + $(".sub-menu").css('height') }, 'fast'); }); $('#topmenu').mouseout(function() { $('#topmenu').animate({ 'height': $("#topmenu").css('height') }, 'fast'); });
Dialog bug in version 1.10.0 ?
Hi i would like to know what is the expected result, as it as changed from 1.9.2 1. create dialog 2. inject html via ajax (don't think the source matters, put something in the dialog) 3. destroy the dialog: $(this).dialog("destroy"); 1.10.0 removes the dialog 1.9.2 removes the dialog and makes the containing element invisible/display:none; So basically it looks very odd that you now have whatever was put in the dialog appearing on the screen! appended to the bottom, creating a scroll-bar....
Pleaseee Help! Accordion Menu Remember State
I'm trying to get my menu to remember the state of the current page using a URL method and no cookies so that when the submenu item is clicked the acodian menu stays expanded while the user is viewing the subpages. Here is the code I'm trying to improve: <div id="primary-nav" data-selectname="Navigate to..."> <div class="menu-navigation-container"><ul id="main-nav" class="menu"><li id="menu-item-11784" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11784"><a title="Interactive"
Link that triggers ScrollTo event becomes unclickable
I realize that's a terrible post title! The site I'm developing uses the ScrollTo functionality (Ariel Flesler) to present a number of sections, all accessible by the main menu which gives that lovely scroll when the items are clicked. I've noticed an issue, however: If the user manually scrolls the page after clicking one of the main menu items, that particular menu item seems to become inactive. The other menu items continue to function, but the one that triggered the last scroll event remains
The most bizarre thing you'll see (or closest to it)
OK I'll try to explain this as simple as possible; I'm trying to parse XML that I get through web service, using jQuery. All is doing as it should, until I've noticed that for the love of God I can't parse a node that is named "image". long story short (and 2 hours later) I've noticed, that the problem is in the TAG NAME. Obviously, "image" is a reserved word or something like that??? Here's a demonstration; firstly, I simulated xml, that has "image" node and won't display any results. Secondly,
jQuery Isotope loading issue
I am actually trying to build a image gallery with jquery Isotope. I dont know why, but sometimes the gallery works perfectly and sometimes it has some kind of loading issue as you can see in my screenshot. Source: www.sarahraaber.com I already added a timer on pageload and the document ready function to the head of my .js file :-/ Any ideas how to workaround that?
Amount of elements can not be evaluated?
Hi all I have a serious problem and I need your help. I got from AJAX back the following Labels "Software Engineering", "Infomatics", "Software Architecture". Now, I put these elements into an "input" (called characteristic) and add after every "input" I put a checkbox (called characteristicsYesNo) . These is the code for that: function(data){ for(var i = 0, cnt = data.Characteristics.length; i < cnt; i+=1) {
save Design in Database
I like to create a Theme and save it in Database. My Idea is to save only the ThemeParams-String from http://jqueryui.com/themeroller/ Its possible to use ThemeParams-String to show my design (like on http://jqueryui.com/themeroller/)? Or, can I generate CSS from ThemeParams-String? Thanks Rdg Ronny (from Germay)
Testing Layout and launches as desktop browser.
http://precision-counters.com/m.index.html I just posted this on a site i am running to test it on my iPhone as i do not have an ios emulator and it launches as a desktop browser. Works fine in Dreamweaver and on my desk top browsers. Any help would be great. thanks p.s. i am a novice at all coding.
Link to simple map not linking in Nested Lists
Linking should not be difficult. I am starting in JQM have started to "flesh out" my site tried the first link to a working map page from a nested list - does not go to link, so I tried a button at the bottom of the page with same url and it loads. Sorry for the simple question but it is driving me crazy - they are both pointing to the same file! http://stonemeadow.ca/Mobile/mobile-1.htm I thank you for your help I included just the portion that shows the link to map.htm just for reference but can
Mobile App launches differently when "Saved on Screen" vs "on safari"
Hello All... I made some changes to index.html and Safari shows the most recent modifications with no problem, but when i save the app "add to home screen" and run it from the icon saved, the home page is corrupted... The problem only appears on iphone and not on ipad or web browsers. I tried to delete and re-save the icon or power off-on the iphone device but issue still exists. It looks like the app is reading another .css rules for the home page via the cashe? possible?
Updating haccordion.js to work with newer jquery
I've been using the plugin called haccordion (http://letmehaveblog.blogspot.com/) My original page with the working plugin (and jquery 1.2.3) http://www.brightsideresumes.com My test page: http://brightsideresumes.com/tmp.html Once I go above about jQuery 1.3 the plugin stops working like it should. I'm no hardcore programmer and having a hard time figuring out what the issue could be. I was hoping someone might be able to point me in the right direction right off - I'm guessing something was deprecated
serialize() does not registed the hidden value that were assigned using jquery.
Hi I have a form with in it i have 2 <input type="hidden" and the values are currently empty. However, thru my jquery code i assign value to it. now when i want to pass the values using ajax to php file those new input will have no values! here in my code. I think i need to use Live() function somewhere in my code for this to work but i can't seems to figure it out. Note: I am using the dialog UI to show a form $(function() { $( "#dialog-form" ).dialog({ autoOpen: false,
Autocomplete widget - not triggering onchange
Hi, First of all, I apologize if I've posted this in the wrong forum. If so, could a moderator please move it. Now to my dilemma. I am trying to develop a textbox and a dropdown, where the value of the textbox is dependent on the option selected from the dropdown. For the dropdown I wanted to use the autocomplete feature and found a widget that does it (from here: Link) For the textbox dependency I am using Javascript. The problem I face is that when using the autocomplete widget, on selecting an
Tracing jQuery Error
Hi! I'm having a hard time tracing and error that I'm seeing in Firefox's Error Console: Timestamp: 2/8/13 7:38:48 PM Error: Error: Syntax error, unrecognized expression: a[href^=/] Source File: http://ccchapel.dev/CMSTemplates/_CCC/_scripts/jQuery/jquery-1.9.1.js Line: 4421 I used the uncompressed version of jQuery 1.9.1 to try and trace the error and found this (line 2 is 4421): Sizzle.error = function( msg ) { throw new Error( "Syntax error, unrecognized expression: " + msg ); }; What's
jQuery that slides in off-canvas nav works in modern browsers, but does not in IE 8 and less.
Hello, I developed an off-canvas navigation that slides in from the left on click of the list icon in the upper-left. It is powered by CSS3 Transitions when supported, but falls back to some jQuery I wrote, with a similar effect, thanks to Modernizr. I tested the jQuery and CSS separately and they both work fine individually; in fact, they both work fine when combined too in most browsers whether they support CSS3 Transitions or not. However, in IE 8 and below it is obviously relying on the jQuery
Mutliple forms
Hi, i'm struggling with some real basics. I have several html forms in my script with a different id set for each. How do I access the elements when the form is submitted $(".submit-button").click(function(){ // Setup variable to catch the HTML form data var notes_text=$('#form1 textarea#some_text').val(); } What am I doing wrong? Thanks, Johnny.
Multiple Show Hide Menus that respond separately?
MENU 1 - Clicking this shows menu Items for only menu 1 menu item 1 menu item 2 menu item 3 MENU 2 - Clicking this should not hide menu1 or open it menu item 1 menu item 2 menu item 3 Both menus should be able to be open while the other is open but they should open separately from each other. I'll need 3-4 menus on some pages. What is the best way to do this? This menu is responsive so the MENU 1 and MENU 2 will be hidden until called. Just the menu items will show till the screen width is smaller.
Using Supersized plugin making images SEO friendly?
Hi Everyone, I'm still a newbie and currently using Supersized 3.2.7 plugins seen here Supersized 3.2.7 The option doesn't show or offer Alt tags for the images. I'm trying to make the images more SEO friendly. jQuery(function($){ $.supersized({ // Functionality slide_interval : 3500, // Length between transitions transition : 1,
On click function only working once
Hello, I'm new to jquery and have created this calendar using jquery/ajax/php: http://cybril.com/jquery/ When you click the forward (>>) and/or back (<<) buttons, they work, but only the once - not sure what I'm missing? Here is the code if you need to see that: $(document).ready(function(){ $("#next_month").click(function(){ //alert('hi next month!'); var month = $("#next_month_value").text(); if ($("#next_year_value").text()) var nextyear = $("#next_year_value").text(); var
$.ajax issue
Hi all I have a problem with the $.ajax function. I have searched all over but nothing seems to work. The problem is when i call a webservice I always get an error returned. Maybe my Soap request format is incorrect ? Can you help. Here is all my code .... Thanks alot for any help, its been driving me mad ! <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="Content/jquery.mobile-1.2.0.min.css" /> <script src="Scripts/jquery-1.6.4.min.js"></script>
Avoiding repitition
Hi everyone. I'm pretty new to javascript and I can get the following example to work but repeating it over and over seems senseless. What am I missing? <img src=/images/map/1.png class="rm1" /> <img src=/images/map/2.png class="rm2" /> <ul> <li class='rm1'><a href="">Room 1</a></li> <li class='rm2'><a href="">Room 2</a></li> </ul> <script> jQuery(document).ready(function(jQuery){ jQuery('.rm1').hover( function(){ jQuery('.rm1').addClass('show') },
Alternate for Toggle
Hi, With the dropping on toggle (Multiple functions) I'm trying to figure out how to rewrite this: var $j = jQuery.noConflict(); $j(function(){ $j('#nav a[href*="stacks"]').toggle (function() { $j('#extraContainer3').slideDown('1600')}, function() { $j('#extraContainer3').slideUp('1000')}); }); I tried this: var $j = jQuery.noConflict(); $j(function(){ $j('#nav a[href*="stacks"]').click (function() { $j('#extraContainer3').slideToggle('1600')}); }); What am I doing wrong? Thanks,
Onmouseover and onmouseout in jQuery
I am trying to use onmouseover and onmouseout in jQuery and it is not working. Can anoyone help me out and let me know what I am doing wrong? Thanks much $.fn.MenuLinksCountry = function(options) { return this.each(function() { var defaults = {images: [ '<a href=""><img src="weather.png" width="80" onmouseover ="this.src='weather-link.jpg'" onmouseout="this.src='weather.png'"></a>']}; var settings = $.extend(defaults, options
using .load to load an external page fragment
I am trying to load a fragment of one of my webpages. I am not sure if this would be the best way to do this, but thought I would try something new, and see where it gets me. I am using .load to get part of a page, like pages.php #register. It loads up properly, but then when you click on a button, for example, to submit the form, the whole page goes away. I know the answer to this is probably the iframe, but I am curious if there are any ways around this, or better ways to load fragments of
Is it possible to remove code and replace with another
Hi, I am new to jQuery. I'm trying to make my website look like it is not loading by putting the content in a div, hiding it then fade in. When a link is clicked I use the hide(); function to clear the content out and load the new page in using load(); The problem is when you go to the source code you can still see the previous code. I assumed this is still loading so technically I have two pages loading at once when I only need the one? Surely this is very inefficient maybe I have misunderstood.
using flexgrid - importing data from an sql table
I am using flexgrid, and am trying to apply it to a database of emails to list them out. To import the data into the tables currently, it uses xml, i believe. The demo file is named countryArray.inc.php. The format is as such: <?php $rows = array( array('iso'=>'AF', 'name'=>'Afghanistan', 'iso3'=>'AFG', 'numcode'=>'4', ), array('iso'=>'AL', 'name'=>'Albania', 'iso3'=>'ALB', 'numcode'=>'8', ), How do I go from a database, to an array? Would I have to export first to a text file? Or is there
jquery-ui stacking draggables reset z-index when dragged
I have some draggable, stacking divs (jsfiddle here): $( ".plugin" ).draggable({cursor: "move", opacity: 0.9, stack: ".plugin", scroll: true}); When I drag one of the divs, its z-index is reset to 1 (and incremented each time I send it to the top, because of the stack option). Instead, I want the z-index to start from 200 (the original z-indexvalue for the .plugin divs) and be incremented from that value. Jquery-ui 1.7 had a min parameter for the stack option. In Jquery-ui 1.9.2 to 1.10 (the versions
Getting my images to scroll horizontal
Hello, I am new here and very new to programing I am trying to bring in images from my database and dynamically give them a link when you click on them and also put them in a div so that I can create like a horizontal scrolling slider. If there is any other posts or if you can help me with this I would appreciate it. I have been trying to use some of what I know I have my images in a div and have a class for them and I tried to use the .animate() function but I am stuck with trying to get timing
Animating background-color alpha channel: Firefox problem
I've created a script which toggles the alpha channel of an element's background-color: $('.button').click(function() { var bgcolor = $.Color($(this), 'background-color'); var opac = bgcolor.alpha(); opac = +!opac; bgcolor = bgcolor.alpha(opac); $(this).animate({backgroundColor: bgcolor}, 100); });However, I have discovered that when the alpha channel is zero, the computed style Firefox returns is the string "transparent" not the full RGBA value. Consequently, the returned
jQuery Gallery "Loading"
I like the way these galleries turned out, visually and interactively: http://www.thomashanser.com/product.html Except for one small issue - it takes too long to load the entire gallery. I thought I'd post a question before I start experimenting with different methods of coding this, but is anyone familiar with loading each image individually, in succession? That way you see the first image while the rest are loading. I would imagine each image has to be wrapped in a div calling the "gallery" style?
Help finish the script menu
html: <ul class="menu"> <li><a href="#">My Account</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#dashboard" >Dashboard</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#signout">Sign Out</a></li> </ul> Script: $(document).ready(function() { $('ul li').has('ul').addClass('include'); $(".include").click(function() { var X = $(this).attr('id');
Transparent background image + color
I notice than themeroller uses different images for each texture/color combination (e.g. bg-glass-ff0000, bg-glass-00ff00, etc.) Isn't it possible to use a background-image with an alpha channel and the background-color attribute to accomplish the same thing? Is there a reason why it is not done that way? Thanks.
Alignment of images in slideshow
Sometime ago, I used a Jquery script to help me out with a friends website. I had needed a way to replace a flash embedded on her homepage. I used a script (wriiten by John Resig in 2009) Jquery Javascript library v1.3.2 and followed the instructions to insert a slideshow in a web page. The URL is www.deborahklein.net The problem I have is that the images appear to left align within the table, they do not all appear centered in the page as they scroll through. I looked up John Resig's webpage and
I can .animate Up but not down
I have a div where the title shows. When you click the title it slides up to display the div. I would also like it so that when you click the title while it's open, it slides down but havn't figured out how to get both .animate functions to work using the same button. I would like an if open, then close but not sure how to pull it off. Here's my script. $(document).ready(function(){ // Using multiple unit types within one animation. $("#go").click(function(){ $("#res").animate({ top: "655px", },
Javascript knowledge required for Jquery?
HI, Is it ok to learn jquery without knowing about Javascirpt or is it mandatory to learn java script to know Jquery. What do you advise ?
Problem with Auto complete UI it does not auto hide!
Hi Guys so i set up the auto complete UI on my site but i am having a bit of an issue. when the begining of the string is found then it display results no problem. But if you contuniue typing and no results found it does not close the auto complete menu. for example Mike Jones << is a record in the database. if I type Mik "Mike Jones" come up which is cool. but if I type MikZ "Mike Jones also comes up which it should come up until I type the last letter "Z" then it should hide the results. in my
Next Page