Getting The JS Based "3D Wall" Interface?
Nov 29, 2010I'm looking to see if anybody knows of a JS library that provides a similar user interface to what these 3 flash interfaces are doing.
[URL]
I'm looking to see if anybody knows of a JS library that provides a similar user interface to what these 3 flash interfaces are doing.
[URL]
I'm aiming for a page filled with a stack of images (about 20) - each pulled at random from a set of hundreds, ideally but not necessarily without repetition.There are heaps of threads discussing rotating individual images at random but I can't find any referencing a whole wall of images. The plan is for the arrangement to be determined only by the width of the browser so there really doesn't need to be any design to the page - just a long line of pictures, without gaps, wrapped.
View 14 Replies View RelatedI am trying to imitate facebook's wall , and it should allow images if needed, instead of words. I know that this isn't possible without server side languages, but I'm just trying it out with Javascript, knowing that once I refresh, all my comments will disappear. However, the only problem is I am stuck on how to make an image show up. I've googled, and I've come to know that images can't be uploaded in a textarea. That is my option one, entitled working.html
OPTION 1(working.html)
-Every comment will be uploaded into one single textarea. My problem is, where do the images go?
OPTION 2 (fran.html)
- Once a commenter posts something, a new textarea will be created using innerHTML, that way, I can use divs to upload the image right next to the textarea.
-Except, this should be vertical, not horizontal, like I have it.
And how do I put an image in from a user input? (The user will type the location of the image in the local computer in a form text box, and once they click submit, the image should upload.) My professor won't allow us to use the input type "file."
Attached File(s)
Working.html (1008bytes)
Number of downloads: 115
fran.html (986bytes)
Number of downloads: 72
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 );
I've got an interface with some panel that can be minimize/maximize with Javascript/CSS.
But, how can I save those information so when the user click on another page or sign out, next time he came back, the interface will look the same?
I guess I can do that with cookie but, is there others solution? Can I save that on server instead of client side?
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?
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.
View 1 Replies View RelatedThere 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 had a div boxs set on the page left, when user onclick the div that will set the display element to none..("display:none")
However, when the user change to other page, the display setting will return to before. How to use cookie to store the display setting?
if i have a java interface on a website and that interface contains a box where a user enters a string and then submits it. If I wanted to rapidly submit strings from a list I had (in a text file say), how would I go about doing this?
I have looked at the source code for the interface but I don't really know java that well. There must be a way to "connect" to the interface and rapidly submit strings.
Does anyone know if it is possible to write a user interface in javascript for email?
View 6 Replies View RelatedI just came across following demo application: [URL] I have a few questions about this:What is the right approach to start a project, which have heavy use of JS? how to choose which library is best, or one should develop his own library specific to requirements to keep the file size smaller?
View 24 Replies View RelatedNotice: This is a discussion thread for comments about the SitePoint article, Adapting an Interface for Touch Devices.
Interesting technique!
Which one is easier? and which gives best design and interface?
View 1 Replies View Relatedim not new to jquery but have limited skills. I wonder if anyone has seen any plugins or sites that have a similar interface to the new windows 8 interface...or indeed that windows phone. Interested in building a tile based site.
View 2 Replies View Relatedworking on a feature that displays 3 news stories. The stories are accessed by 3 buttons on the top, sort of like a tab-style navigation. The catch is that all 3 stories are on the same html page, the "navigation" is just showing/hiding content based on Java, CSS & div's. Where I'm stuck is creating On/Off state for the tab buttons. What I'd like to do is:
Click button 1, buttons 2 & 3 turn off.
Click button 2, buttons 1 & 3 turn off.
Click button 3, buttons 1 & 2 turn off.
Naturally I have separate version of each button for the on/off state, I'm just not sure how to initiate the swap...Do I set a JS variable on the onclick? Or is it just a function?
Would I use php or javascript to make an admin interface so someone can update the web page I made for them earlier? As of now, they need to change the html page and upload an image using filezilla. Are there any Admin interfaces that allow you to customize what you want to change/add to an html page?
View 8 Replies View RelatedAM 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
View 3 Replies View RelatedI've got a drag and drop interface working using bbc's glow, its great, but I have a slight problem.The script at the top of the page creates the widgets using dom functions. It gets the order from a string stored in a cookie. The widgets are also in the page as a default layout incase JS is turned off.This works fine in FF. However in IE, the default widget layout flashes for a couple of seconds, then JS creates the new layout. Is there anyway to stop this?Is it to do with the way IE reads the page?
I have abasic example here, if you drag and drop a heading in a blue box, refresh the page, you should see the default appear for a few seconds before the JS kick in.http:[url].....
I'd like to setup a drag and drop interface for organising menu items in a WordPress plugin I wrote. Unfortunately I know next to nothing about Javascript so don't even know where to start.I've found the following link which demonstrates the sort of interface I'd like:However, I have no idea what to do with the boxes once I have them set up. How would I detect where they are on the page and perhaps add that information to an input box?I don't need pixel perfect information, just knowing that box 1 is stacked on top of box 2, or box 4 is the first box in the middle column etc. would be enough.Then if it could add that information to a hidden input box, or maybe an input box for each box, then when the user hits a submit button the data would be stored. I'm sure this is very simple but I don't even know where to begin
View 6 Replies View Relatederror I am getting in java. Im using blue j. I have a feeling its something other than just braces missing somewhere, I have looked carefully and I'm:confused: just having bad luck!! I cant proceed to the next stage of my code unless I get this bit perfected with no syntax errors.
[Code]....
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 want to create a left navigation panel which occupies about 150px in width.
But this navigation panel has an icon/button which upon clicking closes or pushes the entire navigation to the extreme left beyond the visibility and the entire page contents widens and adjusts accordingly.
If I need to get back the navigation, I have to click on the icon again to bring it back to its previous place and teh page content adjusts accordingly. The overall idea of having this navigation is to have more space for the content when the navigation is not required.
This is some thing like the Interface of the application of flash/dreamweaver/visualstudio etc.
I have come across with this type of navigation somewhere sometimes back but can't really recall the name of the site.
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
document.ready:
$('form').submit(function(){$.blockUI({message:'', overlayCSS:
{opacity:0.2}})});
This was working really well, but if I have validation on one of the form submits that returns false, I of course want to unblock the UI.
I am new to ajax, meaning I know nothing what so ever of programing ajax. I want to do a simple login interface with email and password (with php), but i also want that when I press submit button it show a box with "please wait..." message (this box must slide, from the top of the page). Also this box will display errors messages such as, "invalid email or password" and so on.
View 2 Replies View Related