My client currently has a Flash book reader on his site that provides a UI for reading a book.Each page of the book is a GIF, and there are hundreds of books available.Now, my client would like to change this reader, and I've convinced him to let me rebuild the reader in jQuery.The hiccup is that, for copyright reasons, the images of the pages in the book must not be downloadable or accessible in the source code.(In other words, there shouldn't be a way to steal the book other than taking a screenshot of every page.)I want the reader to be powered by jQuery, it is, by definition, in-browser.
I have an old page which uses the old version of jquery.js, and recently I want to add some new features (which seems requiring new updated jquery.js version) to it. When I switch the old jquery.js to the new one, error occurs.As I don't want to spend time to debug the page to use new jquery.js, is it possible to just limit the new features to use the new jquery.js, where others still use the old ones?
I want to integrate the new Progress Bar UI feature on jQuery 1.3.2 and jQuery UI 1.7.2 : [URL]When I combine then however, the new tab style of jQuery 1.3.2 takes over as seen here:[URL]How can I insert the new Progress Bar into the old Tabs, without the tabs reverting to the new design?
I'm in love with the David Chipperfield Architects site and would like to try and get some of the features from the site working with jQuery instead of Flash I'm sure most of it is pretty achievable but I'm new to javascript and jQuery so I'm not sure where to start.The navigation and the way the content loads are the main things I want to try and implement.
i'm trying to combine features of these 2 demos: [URL] specifically, i want the ability to use custom error messages and to declare conditions in the page head, as in the 1st demo, as well as to use the accordion feature of the 2nd. if i use the code from the milk demo in the head, e.g.,
$(document).ready(function() { // validate signup form on keyup and submit var validator = $("#signupform").validate({
[code]....
validation runs on the entire form, including the sections not yet made visible. this prevents the 'next' button from operating, so the accordion won't expand. if i assign a unique id to the each fieldset & run separate validations for each fieldset, the accordion works, but the validation stops working.
jqPlot is an open source plotting plugin for jQuery. The 0.6.2 release adds many new features including: Rotated axis text. Vertical and horizontal bar charts. Automatic trend line computation. Data point highlighting. Cursor tooltips showing data and grid position. And many other features.
The jqPlot homepage is at [url]
The downloads page is at [url]
The mailing list/Google group is at [url]
jqPlot is built from the ground up as an extensible and plugable plugin. Handling of data, drawing of plot elements, events, virtually everything is handled by a plugin. This means you can enhance or swap out core functionality without touching the core code.
I haven't used jQuery before (don't know JS either), but am building a site with a slideshow image viewer "Cross slide" [URL] and it seems simple enough for a newbie.
I have the files for the plugin, jquery.min.js. and jquery.cross-slide.min.js inside my root folder. I think i'm doing everything right but am getting error messages in the FF error console:
Error: jQuery is not defined (this is associated with the closing bracket and parentheses in blue below) Error: $ is not defined
Also, about my images: Is the script currently written to know to look in my "images" folder for them or do I need to change something? i.e. { src: 'images/home_image1.jpg' },
have 4 tabs which are loaded via AJAX, 3 of them from external html files. Within these tabs I have a number of images in a gallery.When the page is loaded initially, the Fancybox works fine, but when I click on another tab, ie pull in external content, and click on an image it loads in another window.Seems like the new content pulled isnt hooked up to the Fancybox trigger..in right direction.The code is detailed below, I need some kind of call on the AJAX to trigger FB???
[code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I'm learning jquery from book Novice to Ninja and the Animated Navigation (site 64) is not working with jquery-1.5.1.min.js (it's workin fine with the old one - jquery-1.4.min.js but since there is new jquery avaliable i really don't want to use the old one).Here is the code...
Code JavaScript: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I added some new features in jQuery.browser class . I propose you to share it. I added the distinction between the browser chrome and safari and i added detection of browser language.
I am looking for a script for a scrolling DIV with the following features:
1. DIV can be scrolled vertically using mousewheel/trackpad/finger on iPad
2. Up/Down buttons which scroll slowly on hover and fast on click
3. The DIV to be scrolled will contain an audio playlist, generated by jPlayer, written in javascript. This script has a DIV for the currently playing track, and can launch functions on track change. I would like the scrolling DIV to scroll automatically to the currently playing song when the track changes.
I want to create a interactive map viewer likeGooglemaps using my own custom map image. On clicking a location on the map, a small popup displayed showing some data. I aslo want a zooming and panning functionality. note that i am using aLinuxserver. The application must not use flash.
$(".photo img").click(function(){ var title = $(this).attr("title"); $("#display").attr({src:"photo/"+title+".jpg"});}); $("#display").css({"marginTop":"-233px"});
[Code]....
When the page first loads, something goes wrong and your first attempt at viewing any thumbnail always comes up with a blank missing image - but from that point onwards, any subsequent attempts work as intended.
All semester, I have been working on a single web page, modifying it repeatedly to add features (using CSS). This last assignment involves javascript, something we've just barely touched on. I can't seem to figure out where exactly the event handler should be placed. No matter where I move it, it alters the way the page displays. In the right column, there are descriptions of 2 musicians, each includes a header, paragraph, and a thumbnail (that links to a larger image) on the far right side, next to the text.
I need to add this <a href="#" onmouseover= "alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a> to this <h3>January</h3> <a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right" border="0" hspace="150" /></a> <p class="content">Melanie Morris entertains<br /> with her melodic folk style.<br /> Check out the podcast!<br /> CDs are now available. </p>
The problem is, the book doesn't explain where to add it or have any examples of using onmouseover in this particular way, so I've spent forever trying to figure it out. In some places, it makes the sentence shows up twice. In others, it completely moves the picture out of position and/or extends the "Melanie Morris entertains with her melodic folk style" all the way across the page (thus, pushing the picture down). I initially had a very hard time making this page layout work (specifically, getting the images to show up in the right place).
The best I am getting from this is adding the mouseover immediately after the paragraph class and right before the Check out the podcast! line...removing from the paragraph the text that is repeated. It seems to look OK on IE, both full screen and when I make the screen smaller. Foxfire is displaying it less reliably though. As soon as I make the window smaller, the layout shifts. I know that it's normal for different browsers to display differently.
Any way to work around the rules so that it looks right, but is not, in fact, coded properly. <h3>January</h3> <a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right" border="0" hspace="150" /></a> <p class="content"> <a href="#" onmouseover= "alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a> Check out the podcast!<br /> CDs are now available. </p>
i have made a popup menu in fireworks cs3 its working fine in all browsers the problem is that its hiding under the flash features bar as shown in the image where in firefox its working fine what should i do?
I'm trying to add a search feature into a literature review i'm converting to HTML for work. This is to be burnt to a cd and given to a client. At present I can only do a simple keyword search through the entire collection text (i'm NO programmer i'm afraid ), I need to add boolean features to this so that ppl can search for "word1 AND word2" sort of thing. Can anyone give me some pointers as to how I might accomplish this?
I am looking for a Javascript program which will display a thumbnail view of all the images in a particular folder.
If the user clicks on one of the thumbnail images then a larger view of the image will be displayed.
I am presently using a forward/backward type of viewer. The code I am using requires all the image file names to be named with an ascending number as part of the file name. For example ; img001.jpg img002.jpg img003.jpg etc. etc.
This scheme requires renaming all of the original file names, too much work if you have lots of images and in addition it does not display thumbnails. Can anyone point me to a better piece of Javascript code.
The Javascript code I am looking for should accept a folder name and should not require renaming all the original images.
In this viewer, I need to have the focus go back to the main page after a selection is made. Otherwise, the user may scroll his mousewheel and change the selection. I forget just how.
<body> <select id="viewer" onchange="song()" size="1"> <option value="none">::::::::::::: Choose Your Video Here :::::::::::::</option> <option value="x/wmv">Video 1</option> <option value="y.wmv">Video 2</option> <option value="z.wmv">Video 3</option> </select> </body>
I was just wondering if anyone knows of a great javascript book to buy. I am looking for something super duper hard core. I would love it to have documentation galore that includes all of the AJAX and DOM and XML. You know... like a javascript BIBLE. Something thick and comforting. Something that makes you feel all warm and toasty inside just knowing that it is there. So if I start running into some problem I can just glance at the book and rest assured that if the problem exculates not to fear. I have .... THE BOOK.
