Advertisement
garfield

[HTML/JAVASCRIPT]: Manipulando Elementos por ID.

Aug 31st, 2012
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Manipulando Elementos por ID (JavaScript)</title>
  4.        
  5.         <script>
  6.        
  7.         function ChangeFrame(FrameSet)
  8.         {
  9.  
  10.             switch(FrameSet)
  11.             {
  12.                 case 0: document.getElementById('FrameTest').src = "http://www.baixaki.com.br";         document.getElementById("getSite").innerHTML = "Baixaki";   break;
  13.                 case 1: document.getElementById('FrameTest').src = "http://pastebin.com/u/garfield";    document.getElementById("getSite").innerHTML = "Paste Bin";     break;
  14.                 case 2: document.getElementById('FrameTest').src = "http://www.facebook.com/";          document.getElementById("getSite").innerHTML = "FaceBook";  break;
  15.                 case 3: document.getElementById('FrameTest').src = "http://www.ocioso.com.br/";         document.getElementById("getSite").innerHTML = "Ocioso";    break;
  16.                
  17.             }
  18.             return 1;
  19.         }
  20.         </script>
  21.     </head>
  22.     <body>
  23.    
  24.    
  25.         <a href='javascript: ChangeFrame(0)'>Página 1</a><br />
  26.         <a href='javascript: ChangeFrame(1)'>Página 2</a><br />
  27.         <a href='javascript: ChangeFrame(2)'>Página 3</a><br />
  28.         <a href='javascript: ChangeFrame(3)'>Página 4</a><br />
  29.        
  30.         <font size='5'><strong>Você está visitando: </strong> <a id='getSite'> </a> <br /> </font>
  31.         <iframe id='FrameTest' src='lol.html'  width="1000" height="1000px" />
  32.        
  33.     </body>
  34. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement