stock quotes with javascript

Question

Does anyone know a way to get live - or 20 minutes delayed - stock quotes using javascript? I looked at the google api at http://code.google.com/apis/finance/docs/finance-gadget

Answer 1

a bit late but i made a working code :))) happy code man: you can put index and after it show all picture and numbers of the index

 
 















                

CSS:
                   body 
        { 
          margin:0; 
          padding:0; 
          height:100%;
            }
        h1
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: black;
            text-decoration: none;
            font-weight: normal;    
            margin:0 0 0 0;
        }
        .postTitle
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            color: Blue;
            font-weight: bold;  
            text-decoration: underline;
        }
        .readon
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            color: Red;
            font-weight: bold;  
            text-decoration: underline; 
        }   
        .titleText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            color: #000;
            text-decoration: none;
            font-weight: bold;  
        }
        .subtitleText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #000;
            text-decoration: none;
            font-weight: bold;  
        }
        .normalText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #000;
            text-decoration: none;
        }
        .bigText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            color: black;
            font-weight: bold;  
        }
        .grayText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: Blue;
            text-decoration: underline;
            font-weight: bold;      
        }
        .barText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #000;
            padding-top: 10px;
            border-bottom: solid 1px #000;
            text-decoration: none;
            font-weight: bold;  
        }
        .dateText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #666;
            text-decoration: none;
            font-weight: bold;      
        }
        .linkText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: Blue;
        }
        .normalLinkText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: Blue;
        }
        .linkGrayText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: Blue;
        }
        .errorText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #ff0000;
            text-decoration: none;
        }
        .greenText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: rgb(83, 241, 83);
            text-decoration: none;
        }
        .redText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: Red;
            text-decoration: none;
        }
        .programText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            text-decoration: none;
        }
        .programGrayText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #666;
            text-decoration: none;
        }
        .programGreenText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: Green;
            text-decoration: none;
        }
        .smallText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #666;
            text-decoration: none;
        }
        .smallLinkText 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: Blue;
            text-decoration: underline;
        }
        .greenButton
        {
            margin: 0;
            border: 0;
            background: URL(images/greenbuttonbg.gif) no-repeat;
            height: 21px;
            width: 120px;
            color: #FFFFFF;
            font-family: Arial, Helvetica, Sans-serif;
            font-size: 14px;
            margin: 0px;
            padding-top: 2px;
            padding-bottom: 2px;
            vertical-align:middle;
            overflow: hidden;
            cursor:pointer;
            cursor:hand;
        }
        /*
        Tabs
        */
        :focus { -moz-outline-style: none; }
        #header ul 
        {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        #header li 
        {
            float: left;
            border-left: 1px solid #d0d0d0;
            border-right: 1px solid #212121;
            border-bottom-width: 0;
            margin: 0 0em   
        }
        #header a 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;        
            text-decoration: none;
            display: block;
            background: URL(images/tabbg.gif) repeat;
            padding: 0.2em 1em 0.2em 1em;
            color: white;
            text-align: center;
            font-weight: bold;  
        }
        #header a:hover 
        {
            background: URL(images/tabhoverbg.gif) repeat;
        }
        #header #selected 
        {
            border-color: #E2C068;
            background: #E2C068;
        }
        #header #selected a 
        {
            position: relative;
            top: 1px;
            background: #E2C068;
            color: #000;
            font-weight: bold;  
        }
        #content 
        {
            background: #E2C068;
            clear: both;
            padding: 0.2em 1em 0.2em;
        }
        .bgWhite
        {
            background-color:White;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: black;
            text-decoration: none;
            font-weight: normal;    
        }   
        .thNormalText
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #000;    
            background-color:#E2C068;
        }   

                                                        

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                       

     查看其它6个回答


            

                    



               
            

    发布评论:
    

         
                        
    
    
提交评论 
  
  

                    
                    

                    

                        

                        
                         加载中...
                        
                    
                

          

            
            

              
              

            
    


                                 
              
            
                          
    

        
         

                验证码
                

                  
                
                

                   看不清?
                
              
                                  

                    
   
                 
             
              
提交回复
            
          
        

          
 
     
 

        
热议问题
            
                 


  

    

        
        
        

        e.g. "YHOO or YHOO GOOG"

        

            

              

                

                    
Symbol
                    
Date
                    
Time
                    
Trade
                    
% Chg
                    
Bid
                    
Ask
                    
Volume
                    
High
                    
Low
                
                

                    
YHOO
                    
3/11/2011
                    
5:00pm
                    
$17.42
                    
+0.36(+2.11%)
                    
17.30
                    
17.77
                    
19,455,986
                    
17.54
                    
17.00
                
            
          
          

          

          1d  
          5d  
          3m  
          6m  
          1y  
          2y  
          5y  
          msx