JavaJive

|!Punctuation|!Location|!Function|\n|{{{@@...@@}}}|surrounding text|@@highlighted text@@|\n|{{{//...//}}}|surrounding text|//italicized text//|\n|{{{==...==}}}|surrounding text|==strikethrough text==|\n|{{{''...''}}}|surrounding text|''boldfaced text''|\n|{{{__...__}}}|surrounding text|__underlined text__|\n|{{{[[text|url]]}}}|around text/url pair|[[text|http://gri.gallaudet.edu/]] link to url|\n|{{{ {...} }}}|''__tripled__'' surrounding text|{{{in-line literal text}}}|\n|{{{ {...} }}}|''__tripled__'' surrounding ''__lines__''|literal block|\n|{{{<<<}}}|surrounding ''__lines__''|blockquotes|\n|{{{!}}}|at start of line|subheading|\n|{{{|...|...|}}}|line sectioned by vertical bars|table row|\n|{{{!}}}|in a table|!table heading|\n|{{{----}}}|alone on line|horizontal rule|\n|{{{*}}}|at start of line|bulleted list item|\n|{{{#}}}|at start of line|numbered list item|\nsource: Kevin Cole, January 2007

TTiddlyWiki uses Wiki style markup, a way of lightly "tagging" plain text so it can be transformed into HTML. Edit this Tiddler to see samples.\n\n! Header Samples\n!Header 1\n!!Header 2\n!!!Header 3\n!!!!Header 4\n!!!!!Header 5\n\n! Unordered Lists:\n* Lists are where it's at\n* Just use an asterisk and you're set\n** To nest lists just add more asterisks...\n***...like this\n* The circle makes a great bullet because once you've printed a list you can mark off completed items\n* You can also nest mixed list types\n## Like this\n\n! Ordered Lists\n# Ordered lists are pretty neat too\n# If you're handy with HTML and CSS you could customize the [[numbering scheme|http://www.w3schools.com/css/pr_list-style-type.asp]]\n## To nest, just add more octothorpes (pound signs)...\n### Like this\n* You can also\n** Mix list types\n*** like this\n# Pretty neat don't you think?\n\n! Tiddler links\nTo create a Tiddler link, just use mixed-case WikiWord, or use [[brackets]] for NonWikiWordLinks. This is how the GTD style [[@Action]] lists are created. \n\nNote that existing Tiddlers are in bold and empty Tiddlers are in italics. See CreatingTiddlers for details.\n\n! External Links\nYou can link to [[external sites|http://google.com]] with brackets. You can also LinkToFolders on your machine or network shares.\n\n! Images\nEdit this tiddler to see how it's done.\n[img[http://img110.echo.cx/img110/139/gorilla8nw.jpg]]\n\n!Tables\n|!th1111111111|!th2222222222|\n|>| colspan |\n| rowspan |left|\n|~| right|\n|colored| center |\n|caption|c\n\nFor a complex table example, see PeriodicTable.\n\n! Horizontal Rules\nYou can divide a tiddler into\n----\nsections by typing four dashes on a line by themselves.\n\n! Blockquotes\n<<<\nThis is how you do an extended, wrapped blockquote so you don't have to put angle quotes on every line.\n<<<\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n\n! Other Formatting\n''Bold''\n==Strike==\n__Underline__\n//Italic//\nSuperscript: 2^^3^^=8\nSubscript: a~~ij~~ = -a~~ji~~\n@@highlight@@\n@@color(green):green colored@@\n@@bgcolor(#ff0000):color(#ffffff):red colored@@\n

JavaJive

helping you understand java-script

// this will run on startup\nalert("Hello world");\n

[[Current Instructions |http://tiddlywikiguides.org/index.php?title=Getting_started_with_custom_macros]]\n[[Hello World Macro in a tiddlewiki |http://mptw2.tiddlyspot.com/#HelloWorldMacro]]

//{{{\nconfig.macros.helloWorld = {};\nconfig.macros.helloWorld.handler = function (place,macroName,params,wikifier,paramString,tiddler){ \n //alert("Hello world");\n // this will run when macro is called from a tiddler\n var who = params.length > 0 ? params[0] : "world";\n // alert( who);\n // alert("Hello "+who);\n // wikify("Hello //"+ who);\n wikifier ("Hello ");\n // +"// from the "+" macroName "+" macro in tiddler [[" tiddler.title "]].", place);\n // alert( tiddler.title );\n\n}\n\n//}}}\n

To get started with this blank ZiddlyWiki, you'll need to modify the following tiddlers:\n* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above\n* MainMenu: The menu (usually on the left)\n* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the ZiddlyWiki is opened\n

[[overview]]

//{{{\n\n// this will run on startup\nalert("Hello world");\n\n//}}}

//{{{\nconfig.macros.helloWorld = {};\n\nconfig.macros.helloWorld.handler = function (place,macroName,params,wikifier,paramString,tiddler){ \n // this will run when macro is called from a tiddler\n alert("Hello world");\n\n}\n\n//}}}\n

<html>\n<head>\n <title>My first script</title>\n</head>\n<body>\n <h1>\n <script>\n \n document.write("Hello, world!");\n \n </script>\n </h1>\n</body>\n</html>

<<helloWorld 'all TiddlyWiki fans' >>\n

<<helloWorld>>

<!DOCTYPE html>\n<html>\n<head>\n <title>Sorted Tables</title>\n <link rel="stylesheet" href="script04.css">\n <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> \n <script src="jquery/jquery.tablesorter.js"></script>\n <script src="script05.js"></script>\n</head>\n<body>\n <h1>Beatles Discography</h1>\n <table id="theTable">\n <thead>\n <tr>\n <th>Album</th>\n <th>Year</th>\n <th>Label</th>\n </tr>\n </thead>\n <tr>\n <td>Please Please Me</td>\n <td>1963</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>With The Beatles</td>\n <td>1963</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>A Hard Day's Night</td>\n <td>1964</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>Beatles for Sale</td>\n <td>1964</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>Help!</td>\n <td>1965</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>Rubber Soul</td>\n <td>1965</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>Revolver</td>\n <td>1966</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>Sgt. Pepper's Lonely Hearts Club Band</td>\n <td>1967</td>\n <td>Parlophone</td>\n </tr>\n <tr>\n <td>Magical Mystery Tour</td>\n <td>1967</td>\n <td>Capitol</td>\n </tr>\n <tr>\n <td>The Beatles</td>\n <td>1968</td>\n <td>Apple</td>\n </tr>\n <tr>\n <td>Yellow Submarine</td>\n <td>1969</td>\n <td>Apple</td>\n </tr>\n <tr>\n <td>Abbey Road</td>\n <td>1969</td>\n <td>Apple</td>\n </tr>\n <tr>\n <td>Let It Be</td>\n <td>1970</td>\n <td>Apple</td>\n </tr>\n </table>\n</body>\n</html>

http://angularjs.org/\n\n* 2014-01-19 [[javascript peer-to-peer|kablume@gmail.com]]

\n<html>\n<form action="#" id="form_field">\n <input type="text" id="textfield1" value="" onKeyUp="document.getElementById('textfield2').innerHTML=this.value">\n <div id="textfield2" value="">Paul start typing in the above box</div>\n</form>\n</html>\n\nCode:\n\n{{{\n<form action="#" id="form_field">\n <input type="text" id="textfield1" value="" onKeyUp="document.getElementById('textfield2').innerHTML=this.value">\n <div id="textfield2" value="">Paul start typing in the above box</div>\n</form>\n}}}

Instructional Video\n[[Windows|https://www.youtube.com/watch?v=Hk5oXFtYLwE]] \n[[Mac|https://www.youtube.com/watch?v=_iRIPJHrdXg]] \n\n[[JQuery|https://jquery.org/]] is a vital part of this. \n[[JQuery Wikipedia Entry |http://en.wikipedia.org/wiki/JQuery]]\n[[JQuery Reference|http://www.w3schools.com/jQuery/]]

|!Reference HTML|! Description|\n|[[reference|http://docbox.flint.com/roundcube/?_task=mail&_mbox=INBOX&_refresh=1]]||\n|[[reference|https://plus.google.com/?hl=en]]||\n|[[reference|https://trueability.com/jobs?utm_source=FB-TGTD&utm_medium=ITP-PPC&utm_term=GRL&utm_content=TTIN1&utm_campaign=TGTD-RyaB]]||\n|[[reference|http://docbox.flint.com:8081/boj]]||\n|[[reference|https://www.google.com/search?client=ubuntu&channel=fs&q=markdown+syntax&ie=utf-8&oe=utf-8]]||\n|[[reference|http://docbox.flint.com/~flint/iddly.html]]||