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.
View 2 RepliesSee the navigation that is used on the images, on the right hand side of the page: [url]
Is this possible to recreate in jQuery? Preferably with a plugin;
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?
View 4 Replies View RelatedI have a flash banner commercial that has to appear on a news site. it has live video and sound in it and im going over the size limit on that site (100kb).
They told me that i could do it like this company and host the file on a different site but make it appear on the news site with a script. Here�s how it looks like.code...
I have a basic flash gallery that I embedded into my site (HTML & CSS). When viewed in Firefox everything is fine (840px by 427px), but when viewed in IE the gallery changes size & needs to be (887px by 440px) to be viewed correctly.
So, I put an Javascript If Then Else statement. Now it targets and changes in the IE browser (width='887' height='440') , but it also changes the Firefox one to 887x440 when it should stay the original 840x427.
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?
View 1 Replies View RelatedI know it's a newbie question, my first experience was with ExtJs but am moving away from that due to the license changes.
View 1 Replies View RelatedI 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?
View 1 Replies View RelatedSome of the form fields are setted css('background-color', 'red');. Is it possible to find all fields that has red color.
View 1 Replies View RelatedMy 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.
View 9 Replies View Relatedi'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 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.
View 1 Replies View RelatedI 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.
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>
Doing my own fitness bootcamp site and want to fancy up my front page. My front page loads a picture and I want it to load like flash. What could I do? I have all the Adobe Software, just don't know how to use it.
View 3 Replies View RelatedI'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?
View 4 Replies View RelatedI need a simple javascript that I can use in my HOME page.index.html has a flash animationnoflash.html is a page without flash animationKindle does not support Flash and therefore i want to redirect my index.html to noflash.html page.
View 2 Replies View RelatedI work for a company called Best of the Best (www.botb.com). We use Flash countdown clocks to mark the end of our competitions. The issue we now have is that our clients are using mobile platforms more and more and as bloody Apple wont support flash (not fully anyway) we need the option to detect whether our users have flash and if not then replace the current <OBJECT>Blah Blah Parameters etc</OBJECT> with <DIVCLASS="NON_FLASH_CONTAINER">All other bits in middle</DIV>Is this at all possible?
View 1 Replies View RelatedI'm trying to put some code together to create an image-swapping system, that when you click on the image it'll hide the image and replace it with a given iframe vimeo/youtube code...The swapping part works fine, however when the iframe loads up, it hides all other flash objects in the page, and I can't figure out why.Here's the JS
Code:
function swapvideo(w,h,url) {
document.getElementById('video_pholder').style.display='none';
[code]....
I have created no flash pages and flash pages, but instead of creating a portal at the front of the site that leads you to a flash site and a no flash site id like to do it so the page detects flash or not, and redirects to whichever URL.
Is this possible, or do multiple browsers cause problems ?
I have created a transparent flash video (virtual spokesperson) for my website. For demoing purposes, I would like to have this appear on any desired website.
This is what I am trying to produce - here a virtual spokesperson appears on the [url]website: [url]
Have a look at other sites which enable one to type in a URL and their demo virtual spokesperson appears on the given site: [url] [url]
I believe they do this within an iframe to display the underlying website.
I'm looking for websites that do Flash-like things but without using Flash, only with Javascript/ajax.
I'm not looking for a particular effect, I just want examples of sites that have the coolness and eye-catching factor that Flash can have - know what I mean?
this may be more of an "html" issue, but I'll wing it.
i've got a multi-language site, where the home-page of each language group
features a link to a popup window that offers background info on site
management. the popup is fired by a javascript function, when they click
the site management link. there's also a "window close" function button so
they can nuke it as they please.
now, oddly, people who search for my site in the chinese language on google,
are sent directly to the site management popup window, which of course,
opens in their "full" browser window, and which also has no links back to
the main site, because it's meant to open only as an "accessory" to the main
site.
my question is this: is there any way, with Javascript, that I could
determine if they arrived at this window from "off-site" (ie, a google
search), and therefore offer such "off-site" visitors a link back to the
principal site, a link that would be hidden for visitors who clicked the
popup window from my own site?
Basically, I registered for a free board at one of the various sites because my server doesn't support .cgi scripts. I want to know if there is a way to have the data from a form on my site post to the board site -A user would fill in my form, click submit, and a new post would appear on the board site -as if they had entered it there.
If you can point me in the right direction, I would be grateful. Here is my thinking.
A) I can't locate the script that they use to perform a "submit"; so I thought I might enter their <head> data (as far as xmlns, href, etc) in my <head>; that my website might call up their script files, css sheets, etc.
B)I could code my own Javascript function to send my form data to their site. If I knew how to simulate a mouseclick on someone else's site, I could have the script "click" there, paste the data, and hit the submit button. But I don't.
C) I could size their site down to the form itself and put it in a frame on my page
Option C is clearly easier, but I would prefer option A or B. I have time and will happily do the research myself; provided that I know if approach A or B is even feasible.
I was just hoping that someone might be able to point me in the right direction of what to use? Or if it is even possible - I have seen many galleries but not one quite liek this - but surely it must be doable?
View 1 Replies View Related