Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||dreamweaver tutorial Web design limit automatically close
INB English forum
Welcome to (Industry & Native boffin) The industrial age here is full of fighting spirit, you and I both through this network space with Native biological spirit boffin came to the mad labs. home INBforum.com, come and join us Permanent name: inb-english.forumotion.com
INB English forum

Welcome to (Industry & Native boffin) The industrial age here is full of fighting spirit, you and I both through this network space with Native biological spirit boffin came to the mad labs. home INBforum.com, Permanent name: inb-english.forumotion.com


You are not connected. Please login or register

《《《《《《《上一页INBforum   Go down

上一页INBforum》》》》》》》View previous topic View next topic Go down  Message [Page 1 of 1]

1 dreamweaver tutorial Web design limit automatically close on Thu Dec 05, 2013 5:24 am

Admin

avatar
Admin
When designing the page , often open a child window from a page for visitors to view. Typically, this child window contents once viewers have seen , for the purposes of the viewer is no longer needed , but they often forget to turn off these small windows , causing many browser windows open, consume a lot of resources . Therefore, we can design a sub-window after a period of time can be automatically closed form.

In this case produced a two page , shown in Figure 1 , Index.html is displayed in the child window page, and the page is called firstpage.html , include a link to open Index.html in the child window. Click the link, will open index.html in the child window . You can click directly on the child window "close" link to close the child window , you can not ignore it , after 15 seconds , the child window will automatically close .

To do the following :

1 generates a Smlple folder in the local site .

2 In Smlple folder, create a file called Index.html and called firstpage.html 's .

3 Double-click the Index.html, open the document , go to the document's Design view window.

4 Click the menu View / Head Content, display head area of the document.

5 Click the document in Design view window panes head . Select the menu Insert / Invisible Tags / Script, open Inset Script dialog. Shown in Figure 2 , in the Language drop-down list box, select the JavaScript option , and enter Coctento text box "setTimeout (" self.close () ", 15000)". Click the OK button to complete in 15 seconds after the head of the document is inserted automatically close the child window 's script. In the code, 15000 15000 milliseconds said , that 15 seconds , may also need to modify the number of milliseconds for their own needs .

6 Enter the "off" word in the document window , enter " # # #" in the properties panel Link text box, set it to an empty link.

7 in the status bar at the left end Quick Tag Editor , click the Mark button. Select the "off" link, and then press Ctrl + T key combination to open the Quick Tag Editor , go to the Quick Tag Editor edit tags mode. Then in the " > " before entering "onclick =" selfclose () "". As shown in Figure 3 , is set up, click the OK button to confirm the operation. So after Index.html as a child window is opened , click on the link you can immediately close the child window.

8 Save the Index.html file and exit the Dremweaver index.html window .

9 Now start designing fristpage.html page. In Smlple local site files folder , double-click fristpage.html, open the document , go to the document's Design view window.

10 Enter in the document , " click here to open a child window closes automatically " word . Then enter in the properties panel Link text box "# # #" , set the empty link.

11 can apply for the Open Browser Window behavior linked to click the link to open the settings window Index.html , but more convenient way is to use the quick identification editor. The first method is to place the insertion point to the link , then on the left side of the status bar Identity Selector , click the logo button , select the entire link. Then press Ctrl + T key combination to open the Quick Tag Editor , go to the Quick Tag Editor Edit identification mode. Then in the " > " before entering "onclick =" window.open (index.html, null, width = 200px, height = 200px) "" is shown ) . After setting, press the Enter key to confirm the operation .

12. The operation completes the setup of this example . You can click the menu with File / save, save your work . Then press the F12 key to preview the page in a browser results .]

View user profile http://eng.inbforum.com

上一页INBforum   Go down

上一页INBforumView previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

Copyright ©2009-2016 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Make a forum | © PunBB | Free forum support | Contact | Report an abuse | Free forum