There are tons of lightbox apps out there, but none that I could find that use YUI. I'm sure there are lots of developers out there already using YUI and don't want to have to use another library such as jQuery to get lightbox functionality. I have two demos available from the link below and you can download a zip file of the complete application including the YUI files needed.
Supports 3 modes (LightBox, Overlay and Remote), but many many more configurations...
I am building an application where more than one device can change settings on a webserver.Imagine using 2 smartphones. If a button on smartphone#1 is being pressed by a user, then on the webserver the status changes from 0 -> 1. I need both smartphone#1 and smartphone#2 to change from 0->1 and vice-versa so that the user knows the current value of the status.How can I accomplish this? Meaning, if I want to make a toggle switch.I read on the website:The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options in the correct order.[code]My first guess is to create a function in the <head> in script, with one for the on and one for the off state.Depending on the current value I either load one of the two codes in the <body> section.The script in the <head> decides.
AM FINDING IT DIFFICULT TO Design and develop, using Javascript, a graphic based user interface for Internet banking servicesHave created the 1st page which IS THE LOGIN PAGE AND THIS INCLUDES USERNAME AND PASSWORD BUT I NEED HELP IN LINKING THAT PAGE TO THE NEXT PAGE WHICH IS MEANT TO ASK FOR MEMORABLE INFORMATION IF THERE USERNAME AND PASSWORD IS CORRECT
In the following code <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.uilock.js"></script> <script> /* All you have to do is to call * a uiLock() function */ $(document).ready(function() { $('#submit').click(function(){ // To lock user interface interactions // Optional: put html on top of the lock section, // like animated loading gif $.uiLock('Click Here <a href="#" onclick="$.uiUnlock();">unlock</a>'); }); // To unlock user interface interactions //$.uiUnlock(); }); </script> Where and how would I put a Animated loading gif?
I am using jQuery and blockUI to prevent the user from submitting a form twice by double clicking on the interface: This is in my global js file and is called on every pages
I am not trying to start a flame war again over the JavaScript frameworks. Instead I want to focus on the JavaScript "User Interface" aspect. I refer to those fanciful widgets and effects we see increasingly appearing all over the browsers nowadays. They are usually built using HTML, JavaScript and CSS. I also notice a lot of developers like to build their own widgets and effects based on the questions asked in this forum. I am more of a server side developer so I am more curious how I can get a fanciful widget/effect in real quick time and viola jQuery UI came to my rescue today.
Then I probe deeper and it seems for the UI portion, jQuery and YUI stand out. Prototype UI is still in infant stage from what I see. Both jQuery plug-in and YUI gallery provide lots of ready made widgets to be used readily. Then come my questions below. 1. YUI framework codes are "wordy". It is cleaner and clearer of cuz but from what I know, JavaScript are downloaded onto the user browser whenever user surf to a page with JavaScript enabled correct?
Hence wordy code pay a price isn't it ? The total number of bytes that need to be download to the browser has an impact. In this aspect jQuery is more compact and in theory the final code that uses jQuery will be smaller correct ?
2. jQuery has a weakness. It is preoccupied with DOM and mainly those UI related JS code. When there is a need to have non-UI JavaScript OOP code, it does not seem to shine so well.
So my decision is simple. I don't need a lot of non-UI JavaScript OOP code, I only want ready-built UI JavaScript code and jQuery serve me very well.
I welcome other developers comments. PS Btw jQuery and YUI are free anyway and unless there are no widgets out there to serve my needs, I won't venture to re-invent the wheel again. There sure are lot's of experienced UI JavaScript developers in those communities!
I am looking for a version of lightbox that would allow the user to click on a single reference image and when the "lightboxed" version appears a strip of thumbnails would be available at the top or bottom of that image. Thus, the user could navigate between images within the lightbox by clicking on a different thumbnail. If such beast exists a URL would appreciated. Extensive Googling hasn't turned up what I'm looking for at all.
I'm looking to have a lightbox pop up when a user clicks the Back button in their browser rather than just navigating back. The purpose is to ask a question with a Yes/No answer, and if they click No, I allow them to go back. The only thing I've found anything like this is the onUnload event, but that doesn't prevent them from going back. How should this be handled?
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
In Yahoo mail, I click the Inbox link and see my messages. If I view source, I don't have HTML which contains the URL of each message. The source HTML contains javascripting and framesets. This is different from what I am seeing.
If I right click on a message link and select "copy shortcut", I can paste this link into my browser. This brings me to my message. If I view source, once again, it is javascript and framesets. How do I get at the HTML that is making all the tables and contains the images I'm seeing?
Accessing IE DOM is a possibility but won't that just give me access to the javascripting and framsets since that is all the client has (remember what is seen in view souce)? I know the HTML has to be accessible somehow. Otherise, you wouldn't see it...right?
Not sure whether this is possible but what i want is to add an "Send To A Friend" button, but i want the button to send an email to an address (Specified by user) from my personal Hotmail or Yahoo account instead of starting the users default email client.
This is a more compact view of the "open ad" code on yahoo.
<pre> <script language=javascript> // these are the two links for opening and closing the ad var lnk1='<a href="#" onclick="moveIt(Ƈ');return false">Open Ad</a>' var lnk2='<a href="#" onclick="moveIt(Ɔ');return false">Close Ad</a>'
// these are the contents of the table, you can put anything in here var ad1='CLOSED STATE' var ad2='OPEN STATE'
// this function actually moves the DIV size function moveIt(status) { var tout=0; if(status == Ƈ') { lnkdiv.innerHTML=lnk2; adstate.innerHTML=ad2; if (document.all.addiv.style.pixelHeight<250) { document.all.addiv.style.pixelHeight=document.all.addiv.style.pixelHeight+5; tout=setTimeout('moveIt('+status+')',1); }
I'm building a web site ala autos.yahoo.com on servicos.mpl.pt/comparador/css1.php I have a sidebar with filtering options grouped in an accordion. The accordion panels get populated via jquery like:
I am maintaining a program that has a web user interface and is written in the combination of ASP.NET and javascript. One thing that I cannot understand is that the program doesn't run directly in a browser. Actually the program looks just like a window application.Then I can search additional info about it.
1. I cannot examine the HTML to look for error.
2. I cannot use the following javascript to bring up Page-Setup dialog box:
Code:
shell = new ActiveXObject( "WScript.Shell" ); window.setTimeout( "javascript:shell.SendKeys('%fu');", 1000 );
Yahoo mail uses a button that has two functions. If you click on the major portion it will launch your search. If you click on the image that is on the right of the button ( a triangle pointing downward) it will popup a little div menu.
If you've played around with Yahoo's new Beat email interface you'll notice that they now have adjustable columns to reveal the from, subject, date, size information. This is also found in Outlook and all windows OS. Placing your cursor between two columns allows you to move a column left or right to reveal content of each row.
Does anyone know how this is done? I have not seen it anywhere else on the internet, but in Yahoo's beta email.
how the yahoo ad serving script can be used to serve up ads up using JavaScript that isn't inline? I've attempted several things but it just seems like its impossible to do. Essentially, I would like to swap out a new round of ads per AJAX request. Any ideas? I've created a more friendly user interface for a site I'm working on but the thing is that the ads need to change every request since page refreshes are being eliminated. Otherwise, only a single impression may be tracked even though someone has visited essentially 100 pages, which is no good for the ad business.
Also, has anyone had success finding a way to delay the yield manager until the page has fully loaded? Sometimes the yahoo yield manager can take 10+ seconds resulting in a poor user experience and slow load time. Any ideas for that? Essentially, it would be nice to fully load the page than request the ads without using obtrusive JavaScript which seems to be the only way yahoo knows to do things.
how to do a text editing interface similar to the one on this forum, where you can click on a bold B to set the tags between the text to be bold, etc. How do you get a javascript window with a text field so users can enter the text, and then how do I enclose the tags around that value?
The rest of the stuff in PHP I can do (just substitute [b] for strong or whatever), but I'm baffled about the javascript bit.
I have been tasked with reproducing something quite similar to the following website [url]...
I examined the site, and after looking at the source I have determined that a lot of it looks like it was coded in JavaScript. While I do know a bit of JavaScript but I must admit it's not the sharpest tool in my arsenal.
Since this "application" will be heavy on the JavaScript interface, I was wondering if there was a GUI RAD tool for JavaScript similar to Visual C# for .NET.
So far I have looked into Visual Web Developer 2010 Express, Dreamweaver, and most recently the Google Web Toolkit (with GWT Designer), is anyone familiar with any of these tools, and will any of these help me develop a largely GUI based JS application?
Is it possible to submit multiple links all at the same time using Javascript? I check all over the web and can't find any examples anywhere.
I would like to click on a button and submit to google, yahoo, msn, etc all at the same time. Like someone physically click on [url], [url], [url], so on.
how to hide all toolbars like yahoo,google etc onLoad. Actually window.open function cannot be taken into.I need the toolbars to be hidden in the beginning.