Skip to main content

Home/ javascript/ Group items tagged text

Rss Feed Group items tagged

Mohammed GHERAÏSSA

Raphaël: a JavaScript API for SVG - Opera Developer Community - 0 views

  •  
    Opera Developer Community article: Raphaël: a JavaScript API for SVG" />Raphaël: a JavaScript API for SVG - Opera Developer Communitytext/css
Javier Neira

Playing with JQuery Validation Library, Part 2 | Elegant Code - 2 views

  • The new part is the remote in the script.   You give it the name/location of your web service to call to validate the field, and the field name/value are passed in. 
  • 1: $('#UserNameForm').validate({ 2: rules: { 3: userNameEdit: { required: true, remote: "<%=Url.Action("VerifyUserName", "Account") %>" } 4: } 5: });
Mike Chelen

EtherPad: Realtime Collaborative Text Editing - 0 views

  •  
    EtherPad lets multiple people work on the same text simultaneously.
Javier Neira

Bind Multiple Controls to a Single Event in jQuery - 0 views

  •  
    Multiple Elements Single Event
Javier Neira

Debugging Tools for Windows - Overview - 0 views

  •  
    Provides links and information about tools, downloads, and recommended techniques for debugging drivers for Windows operating systems.">http://www.microsoft.com/MSCOM/MNP2/Schemas
Javier Neira

Perfection kills » Understanding delete - 3 views

  • All because it’s not possible to delete variables in Javascript. At least not when declared in such way.
  • It’s almost as if Firebug follows some other rules of deletion. It is Firebug that has led Stoyan astray! So what is really going on here?
  • we need to understand how delete operator works in Javascript: what exactly can and cannot be deleted and why.
  • ...35 more annotations...
  • var o = { x: 1 }; delete o.x; // true o.x; // undefined
  • var x = 1; delete x; // false x; // 1
  • function x(){} delete x; // false typeof x; // "function"
  • Note that delete only returns false when a property can not be deleted.
  • variable instantiation and property attributes
  • Global code, Function code and Eval code.
  • When a source text is treated as a Program, it is executed in a global scope, and is considered a Global code.
  • Anything that’s executed directly within a function is, quite obviously, considered a Function code. In browsers, content of event attributes (e.g. <p onclick="...">) is usually parsed and treated as a Function code.
  • text that’s supplied to a built-in eval function is parsed as Eval code. We will soon see why this type is special.
  • And now that we know the difference between property assignment and variable declaration — latter one sets DontDelete, whereas former one doesn’t — it should be clear why undeclared assignment creates a deletable property:
  • As you can see, execution contexts can logically form a stack. First there might be Global code with its own execution context; that code might call a function, with its own execution context; that function could call another function, and so on and so forth. Even if function is calling itself recursively, a new execition context is being entered with every invocation.
  • Every execution context has a so-called Variable Object associated with it. Similarly to execution context, Variable object is an abstract entity, a mechanism to describe variable instantiation. Now, the interesing part is that variables and functions declared in a source text are actually added as properties of this Variable object.
  • When control enters execution context for Global code, a Global object is used as a Variable object. This is precisely why variables or functions declared globally become properties of a Global object:
  • The behavior is actually very similar: they become properties of Variable object. The only difference is that when in Function code, a Variable object is not a Global object, but a so-called Activation object. Activation object is created every time execution context for Function code is entered.
  • and a special Arguments object (under arguments name). Note that Activation object is an internal mechanism and is never really accessible by program code.
  • within Eval code are created as properties of calling context’s Variable object. Eval code simply uses Variable object of the execution context that it’s being called within:
  • Execution context When ECMAScript code executes, it always happens within certain execution context.
  • When declared variables and functions become properties of a Variable object — either Activation object (for Function code), or Global object (for Global code), these properties are created with DontDelete attribute. However, any explicit (or implicit) property assignment creates property without DontDelete attribute. And this is essentialy why we can delete some properties, but not others:
  • Special arguments variable (or, as we know now, a property of Activation object) has DontDelete. length property of any function instance has DontDelete as well:
  • As you might remember, undeclared assignment creates a property on a global object.
  • Now that it’s clear what happens with variables (they become properties), the only remaining concept to understand is property attributes. Every property can have zero or more attributes from the following set — ReadOnly, DontEnum, DontDelete and Internal. These attributes serve as sort of flags — an attribute can either exist on a property or not. For the purposes of today’s discussion, we are only interested in DontDelete.
  • Variables declared within Eval code are actually created as properties without DontDelete:
  • This interesting eval behavior, coupled with another aspect of ECMAScript can technically allow us to delete non-deletable properties. The thing about function declarations is that they can overwrite same-named variables in the same execution context:
  • Note how function declaration takes precedence and overwrites same-named variable (or, in other words, same property of Variable object). This is because function declarations are instantiated after variable declarations, and are allowed to overwrite them
  • If we declare function via eval, that function should also replace that property’s attributes with its own. And since variables declared from within eval create properties without DontDelete, instantiating this new function should essentially remove existing DontDelete attribute from the property in question, making that property deletable (and of course changing its value to reference newly created function).
  • Unfortunately, this kind of spoofing doesn’t work in any implementation I tried. I might be missing something here, or this behavior might simply be too obscure for implementors to pay attention to
  • this.x = 1; delete x; // TypeError: Object doesn't support this action
  • var x = 1; delete this.x; // TypeError: Cannot delete 'this.x'
  • It’s as if variable declarations in Global code do not create properties on Global object in IE.
  • Not only is there an error, but created property appears to have DontDelete set on it, which of course it shouldn’t have:
  • “The global variable object is implemented as a JScript object, and the global object is implemented by the host.
  • Note how this and window seem to reference same object (if we can believe === operator), but Variable object (the one on which function is declared) is different from whatever this references.
  • delete doesn’t differentiate between variables and properties (in fact, for delete, those are all References) and really only cares about DontDelete attribute (and property existence).
  • The moral of the story is to never trust host objects.
  • Few restrictions are being introduced. SyntaxError is now thrown when expression in delete operator is a direct reference to a variable, function argument or function identifier. In addition, if property has internal [[Configurable]] == false, a TypeError is thrown:
Javier Neira

Michael Sharman - chapter31 » Including js files from within js files - 1 views

  •  
    01.//this function includes all necessary js files for the application 02.function include(file) 03.{ 04. 05. var script = document.createElement('script'); 06. script.src = file; 07. script.type = 'text/javascript'; 08. script.defer = true; 09. 10. document.getElementsByTagName('head').item(0).appendChild(script); 11. 12.} 13. 14./* include any js files here */ 15.include('js/myFile1.js'); 16.include('js/myFile2.js');
Julian Knight

Eloquent JavaScript -- interactive tutorial - 0 views

  •  
    Eloquent JavaScript is a digital book providing a comprehensive introduction (tutorial) to the JavaScript programming language. Apart from a bookful of text, it contains plenty of example programs, and an environment to try them out and play with them. The book is aimed at the beginning programmer ― people with prior programming experience might also get something out of it, but they should not read chapters 2 to 5 too closely, because most of the concepts discussed there will probably be nothing new to them. Do make sure you read the end of the first chapter, which has some essential information about the book itself. The book is freely available, and may be used (as a whole or in parts) in any way you see fit, as long as I am credited as the original author. A copy of the book for off-line reading can be downloaded as a zip file, and a more easily printable version can be found here.
Javier Neira

Jaml: beautiful HTML generation for JavaScript : Ed Spencer - 0 views

  •  
    01.div( 02. h1("Some title"), 03. p("Some exciting paragraph text"), 04. br(), 05. 06. ul( 07. li("First item"), 08. li("Second item"), 09. li("Third item") 10. ) 11.);
Javier Neira

JavaScript setTimeout Function - JavaScript Timing Events - 0 views

  •  
    JavaScript setTimeout Function - JavaScript Timing Events November 16, 2007 by Blogging Developer JavaScript features a couple of methods that lets you run a piece of JavaScript code (javascript function) at some point in the future. These methods are: * setTimeout() * setInterval() In this tutorial, I'll explain how setTimetout() method works, and give a real world example. You may find the details of setInterval() method in JavaScript setInterval Function - JavaScript Timing Events setTimeout() window.setTimeout() method allows you to specify a piece of JavaScript code (expression) will be run after specified number of miliseconds from when the setTimeout() method is called. Syntax var t = setTimeout ( expression, timeout ); The setTimeout() method returns a numeric timeout ID which can be used to refer the timeout to use with clearTimeout method. The first parameter (expression) of setTimeout() is a string containing a javascript statement. The statement could be a call to a JavaScript function like "delayedAlert();" or a statement like "alert('This alert is delayed.');". The second parameter (timeout), indicates the number of miliseconds to pass before executing the expression. Example An alert box will be shown 5 seconds later when you clicked the button. clearTimeout() Sometimes it's useful to be able to cancel a timer before it goes off. The clearTimeout() method lets us do exactly that. Its syntax is: clearTimeout ( timeoutId ); where timeoutId is the ID of the timeout as returned from the setTimeout() method call.
Julian Knight

JQuery Cycle Plugin - 1 views

  •  
    "The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin." This is one that really works and is genuinely easy to set up - no complex CSS like so many of these things. It also works very well with just text or other HTML structures.
mikhail-miguel

Web 2.0 and grudge free buttons generator! - 0 views

  •  
    You can create a web 2.0 button in only 4 steps. You can paint your button with preloaded web 2.0 icons or upload your personal icon and customize the font of the text inserted. Enjoy with php, gd2 and Photoshop base button and jquery ajax powered. Hosting, housing windows and linux domain with php, mysql, gd2.
Ivan Pavlov

Meteora Javascript Widgets - 0 views

  • Demo SWF

    Meteora Description

    Meteora is set of cross-browser Widgets and Controls that allows you to quickly write rich and customizable web applications without having to waste time reading full pages of documentation or programming excessive javascript that is painful to debug in every browser.

Julian Knight

Highlight source code formatter - 0 views

  •  
    Converts source code to formatted text with syntax highlighting. Coloured output in HTML, XHTML, RTF, TeX, LaTeX and XML format. 120+ programming languages. Platform independent. Notepad++ plugin available.
Ivan Pavlov

forms.selection - JSFromHell.com: JavaScript Repository - 0 views

  •  
    Retrieves and sets the cursor position, as well the selected text of inputs and textareas. After searching, I saw it's the only code which retrieves right information in textareas under Internet Explorer without damaging the "Ctrl+Z"
yc c

YvoSchaap.com - Easy AJAX inline text edit 2.0 - 1 views

  •  
    This script works in Internet Explorer, Firefox, Chrome, Opera and Safari.
yc c

Online javascript beautifier - 0 views

  •  
    This beautifier can process your messy or compacted javascript, making it all neatly and consistently formatted and readable. You can always see the latest version of the code in github, and you can download the beautifier for local use (zip, tar.gz) as well.
Julian Knight

Whizzywig - 3 views

  •  
    WYSIWYG edit component
1 - 20 of 21 Next ›
Showing 20 items per page