Are there any good web UI component libraries -open source or commercial - that you can recomment? They need to be cross browser compatible and have good documentation. Jquery UI is very good but limited in number of controls it offers. YUI is very verbose and very hard to use. extJs only other one I can think of. Any others you use and like?
View 2 RepliesI am writing an application that (unfortunately) will work only with certain browsers and operating systems. Does anyone have a link to a good "browser/OS detection script"?
I'm looking for something simple that I can just include in each page of my html code, and us it like this:
if (! IE5.5+ for windows) {
fail
}
The topic of event handler management has been covered in many places in the past. One location is in the contest by PPK (http:[url]....). The winning submission by John Resig (http:[url]...._and_the_winner_1.html) has a few problems, and the commentary on the site seems to gravitate to the implementation by Dean Edwards (http://dean.edwards.name/weblog/2005/10/add-event2/) after the analysis of the Resig code.I was also able to find a few more implementations on stackoverflow from: Bill Ayakatubby (http:[url]....) and Marco Demaio [url].....
Outside of the JavaScript frameworks, what is generally done for supporting event functionality? There are numerous options each with their own benefits and drawbacks. I'm uncertain of which one to use myself. Is there an undeclared de facto?
This drag/drop code will work in IE and FF, and most likely Opera too...
All you have to do is insert the following code in between the <head></head> tags and set any element's class attribute that you'd like to render draggable to "dragdrop".
CSS...
<style type="text/css">
.dragdrop{
position:relative;
cursor:pointer;
}
</style>
Javascript...
<script language="javascript">
var mousedown=false;
var obj=null;
var omx=0;
var omy=0;
var oox=0;
var ooy=0;
function getEvent(e){
if(!e){e=event;}
return e;
}
function getObj(e){
e=getEvent(e);
if(navigator.appName.indexOf("Netscape")!==-1){
return e.target;
}
else{
return e.srcElement;
}
}
document.onmousedown=function(e){
e=getEvent(e);
obj=getObj(e);
if(obj.className!=="dragdrop"){
obj=null;
}
else{
mousedown=true;
omx=e.clientX;
omy=e.clientY;
if(navigator.appName.indexOf("Mozilla")!==-1||navigator.appName.indexOf("Netscape")!==-1){
oox=obj.style.left;
ooy=obj.style.top;
}
else{
oox=obj.style.pixelLeft;
ooy=obj.style.pixelTop;
}
}
}
document.onmouseup=function(e){
obj=null;
mousedown=false;
}
document.onmousemove=function(e){
var e=getEvent(e);
if(mousedown==true){
oox=oox.toString().replace(/px/,"")*1;
ooy=ooy.toString().replace(/px/,"")*1;
obj.style.top=ooy+e.clientY-omy;
obj.style.left=oox+e.clientX-omx;
}
}
</script>
You can preview this script in action here...
6. Display a message saying Good Morning if it is in the morning, Good Afternoon if it is in the afternoon, and Good Evening if it is in the Evening. This is my code:
[Code]....
I'm looking for the best cross browser compatible swipe script for android, iphone and other touch phones. Has anyone used any of the available frameworks or have you used custom scripts? [code]...
View 1 Replies View RelatedCan anyone suggest to me a good jquery pop up window script.
View 3 Replies View RelatedThe jQuery library is definitely very useful for those who have development background experiences but don't have the time to learn Javascript in it's true nature. I've played with it on and off, on a few smaller sites I manage, and the outcome was truly amazing. I don't know Javascript at all, aside from the basics and I was able to create a very fun and fast UI very quickly for my visitors. I wonder though; Does the jQuery library hold up efficiency for larger sites?
I currently manage a site with over 1.6 million post, averaging around 15,000 post per day this month. With me not having the time to really learn Javascript and I don't have much of a budget to hire someone to do the work I want yet, it would seem logical to use jQuery if I already know how to use it, right? I just worry, with the growth rate for the site at it's all time high, I'm afraid that jQuery will do more bad then good.
Are there any high traffic sites successfully using jQuery that you know about? has anyone experimented with jQuery on their high traffic sites? Would it seems more sensible to hire someone to do the Javascript work?
my page allows the user to enter a number in a text box and a search request is sent to the server (if the user stops typing for 200ms) using AJAX. The following is the desired behavior.
(1)User starts typing a number in the text box. As the user is typing, no search requests are sent to the server.
(2)Once the user stops typing (i.e. no key events for 200 ms), use $.post() to execute a search.What is a good way to detect that the user hasn't typed anything for 200 ms?Is there anything in JQuery that I can use?
I have made a mistake which in not so serious because I ambigginer on jquery.
So I am looking for some text editor with good grammar check function.
i need use jquery time picker: http:[url]....and jquery validation plugin: http:[url]....When i link this librarys timepicker dont show time good: http:[url]....but when i take validation plugin away, timepicker show time good:
http:[url].... i need use this librarys together.
what do you use firebug for in connection with javascript?
Just want to explore new ways of using it.
Currently I use it to:
1. debug my scripts using console.log(), etc.
2. test small things in the built in 'live' console
I am having trouble getting my expanding menu to work in Firefox and Opera. It works fine in IE though. I did not write the javascript myself, as I am fairly new to JS, but I did all the HTML and CSS. I used the error console on FF, and also used FireBug. They both returned the following error:
[Code]...
At present I am reading Javascript for Dummies, no-one tut please! Can anyone suggest a good beginners book for javascript that is easy to understand but allows progression from nothing to competent (graphics welcome); which includes everything.
View 4 Replies View Related i want to download a free open source javascript editor :)
can anyone recommend a good one for me.. :) if you could recommend one that handles nodes and dom aspects that would be great
I got a simple rollover with a little twist to it… and I have a little glitch.
The two only images that I am trying to get to swap are:
Button_on.jpg
Button_off.gif
That’s it. And it’s the same images for all 5 links
This means that …
all 5 links should start with button_off.gif. And any of the 5 links should swap to button_on.jpg when I get my mouse over it--while all others remain with button_off.gif.
The rollover works, but the only image that swap is on link #5. That is whether I bring my mouse to link #1 or link#2 or any other link. The only image that keeps swapping is link #5.
Check it out and try moving your pointer over the links and you’ll understand
MY TEMPLATE
Afterward, I’ll add text links above these rollovers using CSS. PS: is there a way to create a similar effect using CSS?
I want to know what is the best Javascript editor for Windows, that have a good syntax highlighting, IntelliSense(it's that technology of the menu when typing, like on Eclipse, but I can't remember it's correct name) and a class browser, what is very useful when you want to see the names of your classes and functions, also to browse on then.
View 1 Replies View RelatedI am a complete beginner to JavaScript (well I know this: document.write and alert) and I kneed a really good tutorial for beginners. Preferably free but I will pay up to �3 (not a lot I know but oh well)
View 1 Replies View RelatedI often use the HTML reference guide at Microsoft which is located
here: http://msdn.microsoft.com/library/d...ce/elements.asp
It gives a descriptions and examples of HTML elements. Can anyone
point me at any similar resources for Javascript?
I want to have some advice about immutable objects. I made a constructor.
function Point(x, y) {
this.x = x;
this.y = y;
}
This is a very simple one and now I want to make it immutable so that
once an object is created it cannot be modified.
I came up with 2 ways.
[1]
function Point(x, y) {
this.x = function() { return x; }
this.y = function() { return y; }
}
[2]
function Point(x, y) {
this.getX = function() { return x; }
this.getY = function() { return y; }
}
They are both immutable.
You can read x and y but cannot change them.
[1] is short and easy to use but sometimes likely to be error-prone
like
var p = new Point(2, 3);
var x = p.x; //should be p.x() instead of p.x
[2] is straight-forward but looks verbose.
I have to access the data like p.getX() .
Which way is more recommendable?
And is there a better way to make an immutable object?
I was wondering are there any good slideshow scripts (transitioning image) which is also clickable into Lightbox?
View 4 Replies View RelatedI'm looking for 5-radio button replacement. The user should be able to slide a slider between values from 0 to a 100. Text will appear under it that will say "I strongly agree" "I agree somewhat" "I am indifferent" "I disagree" "I strongly disagree" depending on the values of the slider (they should change in real-time). Unfortunately I do not have the skill to make one, especially one that has a good browser-compatibility. Does anyone know any good snippets? I'll keep searching on google and post back if I find one.
View 14 Replies View RelatedI was wondering if anybody knows of a good replacement for the select element. Maybe something using jquery?
View 7 Replies View RelatedI have still yet to see a JavaScript Editor that comes close toreading a good JS book, learing it and using it with a text editor.
Anyway, here my recipe for build successfull DHTML Applications:
If you want to support only M$ IE stop here and do the following:
1) Install blindfold
2) Repeat the phrase - I love my cage :p
Buy the Book: Buy O'Reilly's JavaScript The Definitive Guide
~ The best damn JS guide & reference period, end of story, finito
Get a good Text Editor with Syntax Highlighting support
~ Real programmers don't use WYSIWYG tools
~ You will never learn with these tools
~ Code is always inefficient
~ Apps to Use:
~ OSX - BBEdit - Powerful but no MDI support :(
~ Win32 - UltraEdit - Low cost, high power, competent
yntax Highlighting
~ ^nix - Kate or KDevelop - Well written but needs KDE (big)
~ Does not work with OSX's X11 Client :[ - ('+' key
doesn't work)
Browser Development Platform
~ Mozilla (1.3+) (FireFox release suggested)
~ Why Moz?
~ Mozilla based development works in:
~ IE 95% of the time
~ Konquorer (KDE/Apple...), Opera 99%+ of the time
~ Why not IE?
~ IE based development works in standards based
browsers only 50% of the time
~ IE black hole methods (non standards based) causes
people to ignore standards based DHTML objects,
properties and methods.
~ Browser Support Baseline
~ IE 5.5sp2+
~ This is the first (reasonably) stable
version of IE for advanced JS coding.
~ When ever I experience weird bugs from users I have them
them upgrade to IE5.5sp2+ and it goes away.
~ Netscape 6.n+
~ Netscape 4.7 should not be supported!
~ Opera ? (I plead ignorance here)
~ Konquorer/Safari ? (I plead ignorance here)
Debugging Methodology:
~ Use JS Console (Moz)
~ Put try/catches at all error prone functions / methods
~ Because of IE's error stupidity, you should get as
close to the source as possible.
~ Read stack property of error in Mozilla to
read stack of error (powerful)
~ Install JavaScript Console Status in Mozilla
~ Use window.onerror handler
~ In IE, read arguments.callee.caller... to read stack
~ Goes only to last error throw point ! not error source
point :[
~ Note: at this time, there is no way to to get to
the Error object in Mozilla from this handler.
Therefore no stack in Moz. Use Try/Catch instead
Add the following code to every page:
_w=window
function getElem(s){return document.getElementById(s)}
function getEvent(e){ return is.ie?_w.event:e }
Event Declaration
~ Avoid using inline javascript declarations (In HTML Tags)
~ Inline declarations is where you call a function or
run code from the html elements definition
(onclick="<RunSomeCode>")
~ This technique will not allow you to access
the event argument in Mozilla...
~ Instead use getElem("<Element ID>").onclick=<function name>
~ Declare handlers like:
function mySlickFunction(e){e=getEvent(e)...
~ This will ensure you always have Event Object
~ If you want to get fancy you could normalize the Event
at getEvent()
~ Method Declaration
~ Declare <obj>.<meth>=function <obj_acro>_<event>(args){
~ Example: myObj.smile=function MO_smile(args){...
~ Why? - When you build you're stack in the debug
you get the method names!
Other Stuff:
~ Use JSON (www.json.org) as much as possible to nest data
structures (for more complex programming).
~ JSON is fast (primitively supported), stable easy to read.
Could anybody else add to this list?
If people are interested, I can make a document and add other stuff
like JS debugging libraries, Consoles and other slick JS Debugging
stuff.
What is meant by "element"?
When mouse is moved over "element" at x,y, is that "element" the entire
image or something else?
My thought would be to simply retrieve the thumbnail name or other ID and
use that to identify which large image to show.
Any reasons why NOT to use this property?
Could someone advises me some good books or information about DHTML menu?
View 1 Replies View Related