html head script typetextjavascript srcjquery jsscript script typetextjavascript

  • Slides: 35
Download presentation

<html> <head> <script type="text/javascript" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="jquery. js"></script> <script type="text/javascript"> $(document). ready(function(){ $("button"). click(function(){ $("p"). css("background-color",

<html> <head> <script type="text/javascript" src="jquery. js"></script> <script type="text/javascript"> $(document). ready(function(){ $("button"). click(function(){ $("p"). css("background-color", "yellow"); }); </script> </head> <body> <h 2>This is a heading</h 2> <p>This is a paragraph. </p> <p>This is another paragraph. </p> <button>Click me</button> </body> </html>

This is a heading This is a paragraph. This is another paragraph. Click me

This is a heading This is a paragraph. This is another paragraph. Click me

This is a heading This is a paragraph. . This is another paragraph. Click

This is a heading This is a paragraph. . This is another paragraph. Click me

: ﺭﻭیﺪﺍﺩﻫﺎی ﺟی کﻮﺋﺮی . ﺭﻭیﺪﺍﺩﻫﺎ چکﻮﻧکی ﺍﺟﺮﺍ ﻓﺎﻧکﺸﻦ ﺭﺍ ﻣﺸﺨﺺ ﻣی کﻨﻨﺪ :

: ﺭﻭیﺪﺍﺩﻫﺎی ﺟی کﻮﺋﺮی . ﺭﻭیﺪﺍﺩﻫﺎ چکﻮﻧکی ﺍﺟﺮﺍ ﻓﺎﻧکﺸﻦ ﺭﺍ ﻣﺸﺨﺺ ﻣی کﻨﻨﺪ : ﺑﻌﻀی ﺍﺯ ﺭﻭیﺪﺍﺩﻫﺎی ﺟی کﻮﺋﺮی ﻋﺒﺎﺭﺗﻨﺪ ﺍﺯ Event Method Description $(document). ready(function) Binds a function to the ready event of a document (when the document is finished loading) $(selector). click(function) Triggers, or binds a function to the click event of selected elements $(selector). dblclick(function) Triggers, or binds a function to the double click event of selected elements $(selector). focus(function) Triggers, or binds a function to the focus event of selected elements $(selector). mouseover(function) Triggers, or binds a function to the mouseover event of selected elements

<html> <head> <script type="text/javascript" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="jquery. js"></script> <script type="text/javascript"> $(document). ready(function(){ $("p"). click(function(){ $(this). hide();

<html> <head> <script type="text/javascript" src="jquery. js"></script> <script type="text/javascript"> $(document). ready(function(){ $("p"). click(function(){ $(this). hide(); }); </script> </head> <body> <p>If you click on me, I will disappear. </p> <p>Click me away!</p> <p>Click me too!</p> </body> </html>

If you click on me, I will disappear. Click me away! Click me too!

If you click on me, I will disappear. Click me away! Click me too! *

If you click on me, I will disappear. Click me away! *

If you click on me, I will disappear. Click me away! *

If you click on me, I will disappear. *

If you click on me, I will disappear. *

. کﻨﺪ ﻣی ﺷﺪگی ﻣﺤﻮ ﺍیﺠﺎﺩ ﺗﺎﺑﻊ ﺍیﻦ : fadeout() : ﻣﺜﺎﻝ <html> <head>

. کﻨﺪ ﻣی ﺷﺪگی ﻣﺤﻮ ﺍیﺠﺎﺩ ﺗﺎﺑﻊ ﺍیﻦ : fadeout() : ﻣﺜﺎﻝ <html> <head> <script type="text/javascript" src="jquery. js"></script> <script type="text/javascript"> $(document). ready(function(){ $("button"). click(function(){ $("div"). fade. To("slow", 0. 0); }); </script> </head> <body> <div style="background: yellow; width: 300 px; height: 300 px"> <button>Click to Fade</button> </div> </body> </html>

Clik to fade

Clik to fade

<html> <head> <script type="text/javascript" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="jquery. js"></script> <script type="text/javascript"> var jq=j. Query. no. Conflict(); jq(document).

<html> <head> <script type="text/javascript" src="jquery. js"></script> <script type="text/javascript"> var jq=j. Query. no. Conflict(); jq(document). ready(function(){ jq("button"). click(function(){ jq("p"). hide(); }); </script> </head> <body> <h 2>This is a heading</h 2> <p>This is a paragraph. </p> <p>This is another paragraph. </p> <button>Click me</button> </body> </html>

This is a heading This is a paragraph. This is another paragraph. Click me

This is a heading This is a paragraph. This is another paragraph. Click me

This is a heading Click me

This is a heading Click me

 ﺍﻝ ﺍﻡ ﺗی ﺍچ ﺩﺭ ﺭﺍ ﺯیﺮ کﺪ <button dojo. Type="Button" widget. Id="hello.

ﺍﻝ ﺍﻡ ﺗی ﺍچ ﺩﺭ ﺭﺍ ﺯیﺮ کﺪ <button dojo. Type="Button" widget. Id="hello. Button" on. Click="hello. Pressed(); ">Hello World!</button> ﻭیﺪﺟﺖ ﺑﻪ ﺍﻭﻧﺖ یک ﺍﺗﺼﺎﻝ : dojo. require("dojo. event. *"); ﻫﺎﺭﺍ ﻭیﺪﺟﺖ ﻫﻤﻪ ﻧﻪ ﻭﻟی ﺭﺍ ﺩﻭﺟﻮ ﺭﻭیﺪﺍﺩﻫﺎی ﻗﺎﺑﻠیﺖ ﺷﻮﺩ ﻣی کﺪﺷﺎﻣﻞ ﺍیﻦ. <html> <head> <title>button</title> <script type="text/javascript"> dojo. require("dojo. event. *"); dojo. require("dojo. widget. Button"); function hello. Pressed() { alert('Click on the Hello World Button'); } function init() { var hello. Button = dojo. widget. by. Id('hello. Button'); dojo. event. connect(hello. Button, 'on. Click', 'hello. Pressed') } dojo. add. On. Load(init); </script> </head>

<body bgcolor="#FFFFCC"> <p align="center"><font size="6" color="#800000">Welcome to Roseindia Dojo Project</font></p> <button dojo. Type="Button" widget.

<body bgcolor="#FFFFCC"> <p align="center"><font size="6" color="#800000">Welcome to Roseindia Dojo Project</font></p> <button dojo. Type="Button" widget. Id="hello. Button" on. Click="hello. Pressed(); ">Hello World!</button> </body> </html> dijit. form. Check. Box : ﺑﻪ ﺩﺍﺭیﻢ ﻧیﺎﺯ ﺑﺎکﺲ چک ﺳﺎﺧﺘﻦ ﺑﺮﺍی <html> <head> <title>checkbox</title> <!-- check box --> <script type="text/javascript"> dojo. require("dojo. parser"); dojo. require("dijit. form. Check. Box"); </script> </head> <body> <h 2>Check box</h 2> <input id="cb" dojotype="dijit. form. Check. Box" name="developer" checked="checked" value="on" type="checkbox" /> <label for="cb"> Are you a Developer </label> </body> </html>

<html> : ﺍﺳﻼیﺪﺭ یک ﺳﺎﺧﺘﻦ ﻣﺜﺎﻝ <head> <title>Slider Example 1</title> <style type="text/css"> @import ".

<html> : ﺍﺳﻼیﺪﺭ یک ﺳﺎﺧﺘﻦ ﻣﺜﺎﻝ <head> <title>Slider Example 1</title> <style type="text/css"> @import ". . /resources/dojo. css"; @import ". . /dijit/themes/tundra. css"; </style> <script type="text/javascript" src="dojo. xd. js" dj. Config="parse. On. Load: true"></script> <script type="text/javascript"> dojo. require("dojo. parser"); dojo. require("dijit. form. Slider"); </script> </head> <body class="tundra"> <b>Slider: </b> <div id="horizontal. Slider" dojo. Type="dijit. form. Horizontal. Slider" value="5" minimum="-10" maximum="10" discrete. Values="11" intermediate. Changes="true" on. Change="dojo. by. Id('horizontal. Slider'). value = arguments[0]; " handle. Src="precise. Slider. Thumb. png"></div> </body> </html> ﺭﻭﺯﺍیﻨﺪیﺎ ﻭ ﻭکیپﺪیﺎ ﻭ ﺗﻮﻟکیﺖ ﺩﻭﺟﻮ : ﺍﺯ ﺑﺮگﺮﻓﺘﻪ ﻣﻄﺎﻟﺐ

<html xmlns="http: //www. w 3. org/1999/xhtml" xmlns: xi="http: //www. w 3. org/2001/XInclude" xmlns: e="http:

<html xmlns="http: //www. w 3. org/1999/xhtml" xmlns: xi="http: //www. w 3. org/2001/XInclude" xmlns: e="http: //www. backbase. com/2006/xel"> <head> <meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8"/> <title>Backbase - Welcome</title> <script type="text/javascript" src=". . /backbase/4_3_0/engine/boot. js"></script> </head> <body> <script type="application/backbase+xml"> <xi: include href=". . /backbase/4_3_0/bindings/config. xhtml_btl. chameleon. xml" /> <div> <e: handler event="click" type="text/javascript"> alert('Backbase says hello!'); </e: handler> Click me </div> </script> </body> </html>

<HTML> <HEAD> <TITLE>HTML for Web. App</TITLE> <!-- You need this to reference your GWT

<HTML> <HEAD> <TITLE>HTML for Web. App</TITLE> <!-- You need this to reference your GWT module --> <META name='gwt: module' content='com. juixe. gwt. Web. App'> <SCRIPT language="javascript" src="gwt. js"> </SCRIPT> <STYLE></STYLE> </HEAD> <BODY> <H 1>My Web. App</H 1> Any text or HTML goes here. <DIV id="change. On. Roll. Over"></DIV> </BODY> </HTML>