xsStockView Plugin

Description simple integration to show stock value from yahoo finance pages.
Type syntax
Author Taggic
Last update 2012-10-01
DW compatible 2011-05-25 (Rincewind), 2012-01-25 (Angua)
Depends none
Conflicts none
Similar none
Download xsstockview.zip
Issues none

Vote for this plugin

(105) (93)

Feature Overview

This is a very small and simple plugin to simply place one or multiple companies with current stock value on your page. The source of stock info is finance.yahoo.com. Adaptation of the source code for other providers is easily possible. The information will be presented as a link to the related stock page with the title of the company followed by the current stock value.

The output will be the following: The output will be the following:


The div owns a defined width (e.g. 280px). You may use the css-float property, as we have done it here, in the event you want to place the xsStockView inside the page content and the text should float around. The requests are limited to 2.000 per hour, due to use of a non-commercial, public yahoo feature.


Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin.
Refer to Plugins on how to install plugins manually. Please take care to rename the plugin folder to ”issuetracker” in the event of manual installation.


The syntax is very simple. Please just modify the company nicknames due to the plugin just evaluates the Yahoo page correctly without source code modification.



Why does it take significant time to load the page ?

Each company you place within the syntax line is a database request resulting in a single xml-file at yahoo.com. That means each page has to be requested and evaluated step by step to retrieve the data. The more companies you put in the longer it will take to load the page. Further performance dependencies are yahoo server availability and performance, server performance of your web-host and also the bandwidth of your network connection.

How can I style the layout ?

Customization of layout can be done easily by css-file within the plugin folder. You should create a screen.css file to keep your mdification also in the event of plugin updates. The output is made of a table inside a div. Each company is placed into a row together with its current value.

/** Design Elements - additional CSS for the xsstockview plugin * ** @author Taggic */ /* ----- General Elements ---------- */ div.xsstockview { border: 1px solid #a0a0a0 !important; width: 280px !important; font-size: 85% !important; font-style: italic !important; float: left; padding: 0 !important; margin-right: 2em; box-shadow: 7px 7px 4px #888888; border-radius: 4px; } table.xsstockview { border: none !important; border-collapse: collapse !important; margin: 0 !important; width: 100% !important; } table.xsstockview td { border: none !important; padding: 0px 6px 0px 6px !important; margin: 0 !important; } table tr td.xsstockview_company { text-align: left !important; } table tr td.xsstockview_value { text-align: right !important; } tr.xsstock_rowodd { background-color: #E8E9FF; } tr.xsstock_roweven { background-color: #FFFFD0; } tr.xsstock_rowodd:hover, tr.xsstock_roweven:hover { background-color: #DDDDDD !important; }
  2. /** Design Elements - additional  CSS for the xsstockview plugin *
  3.  ** @author Taggic <taggic@t-online.de> */
  4. /* ----- General Elements ---------- */
  6.   div.xsstockview {
  7.     border:        1px solid #a0a0a0 !important;
  8.     width:                     280px !important;
  9.     font-size:                  85% !important;
  10.     font-style:               italic !important;
  11.     float:                                 left;
  12.     padding:                       0 !important;
  13.     margin-right:                           2em;
  14.     box-shadow:             7px 7px 4px #888888;
  15.     border-radius:                          4px;
  16.   }
  18.   table.xsstockview {
  19.     border:                     none !important;
  20.     border-collapse:        collapse !important;
  21.     margin:                        0 !important;
  22.     width:                      100% !important;
  23.   }    
  25.   table.xsstockview td {
  26.     border:                     none !important;
  27.     padding:         0px 6px 0px 6px !important;
  28.     margin:                        0 !important;
  29.   }    
  31.   table tr td.xsstockview_company {
  32.     text-align: left !important;
  33.   }
  35.   table tr td.xsstockview_value {
  36.     text-align: right !important;
  37.   }
  39.   tr.xsstock_rowodd {
  40.     background-color:   #E8E9FF;
  41.   }
  43.   tr.xsstock_roweven {
  44.     background-color:   #FFFFD0;
  45.   }
  47.   tr.xsstock_rowodd:hover, tr.xsstock_roweven:hover {
  48.     background-color:   #DDDDDD !important;
  49.   }
xsstockview/start.txt · Last modified: 2014/04/30 09:36 (external edit)

This Wiki is hosted and ruled by Policies of Frister Consultancy Services.
By using this wiki you accept these rules. -> Impressum