Difference between revisions of "Web Frameworks - Workbook"

From mi-linux
Jump to navigationJump to search
(ajax you tube table - use ajax via googles API to grab you tube videos)
Line 32: Line 32:
 
* [[Google Search using AJAX and API ]] - This will add google search to your site By Andre Treutlein (0705104)
 
* [[Google Search using AJAX and API ]] - This will add google search to your site By Andre Treutlein (0705104)
 
* [[AJAX Image Gallery for Zend Frameworks by Adam Orton (0708875)]] - An AJAX gallery that can be applied to the Zend Framework
 
* [[AJAX Image Gallery for Zend Frameworks by Adam Orton (0708875)]] - An AJAX gallery that can be applied to the Zend Framework
 +
* [[ajax you tube table]] - use ajax via googles API to grab youtube videos By Jason Carney (0709750)
 +
 +
the code blow goes in your layout.phtml file (inser this script in aswell at the top -->)
 +
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw"
 +
  type="text/javascript"></script>
 +
<style type="text/css">
 +
  @import url("http://www.google.com/uds/css/gsearch.css");
 +
</style>
 +
 +
 +
<script type="text/javascript">
 +
  window._uds_vbw_donotrepair = true;
 +
</script>
 +
<script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new"
 +
  type="text/javascript"></script>
 +
<style type="text/css">
 +
  @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");
 +
</style>
  
 +
<style type="text/css">
 +
  .playerInnerBox_gsvb .player_gsvb {
 +
    width : 320px;
 +
    height : 260px;
 +
  }
 +
</style>
 +
<script type="text/javascript">
 +
  function LoadVideoBar() {
 +
 +
  var videoBar;
 +
  var options = {
 +
      largeResultSet : !false,
 +
      horizontal : false,
 +
      autoExecuteList : {
 +
        cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM, // change to small if you want to change the size of the images
 +
        cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
 +
        executeList : ["ytfeed:most_viewed.this_week","audio equipment"] // change "audio equipment" to your topic
 +
      }
 +
    }
 +
 +
  videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
 +
                            GSvideoBar.PLAYER_ROOT_FLOATING,
 +
                            options);
 +
  }
 +
  // arrange for this function to be called during body.onload
 +
  // event processing
 +
  GSearch.setOnLoadCallback(LoadVideoBar);
 +
</script>
 +
 +
// then to position it by using external CSS (remember to insert chevrons at the start and end of the div tags). The divs belong in the body of of your layout.phtml
 +
  div id="videoBar-bar"
 +
  div
 +
 +
// then in your external sheet position it using something like this..
 +
(insert a hash here!)
 +
videoBar-bar
 +
{
 +
position:absolute;
 +
left:10px;
 +
top:200px;
 +
 +
}
  
 
Some useful links I have found (0610970)  
 
Some useful links I have found (0610970)  

Revision as of 20:54, 2 April 2009

Main Page >> Web Frameworks >> Web Frameworks - Workbook

Workshop schedule:


Useful information:

  • Binay Randhawa (0719961)
 [CRUD Function (Add, edit, delete) -- http://weierophinney.net/matthew/uploads/2007-02-28-FrameworkPresentation.pdf

the code blow goes in your layout.phtml file (inser this script in aswell at the top -->) <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw" 

  type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/css/gsearch.css");
</style>


<script type="text/javascript">
  window._uds_vbw_donotrepair = true;
</script>
<script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new"
  type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");
</style>

<style type="text/css">
  .playerInnerBox_gsvb .player_gsvb {
    width : 320px;
    height : 260px;
  }
</style>
<script type="text/javascript">
  function LoadVideoBar() {

  var videoBar;
  var options = {
      largeResultSet : !false,
      horizontal : false,
      autoExecuteList : {
        cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM, // change to small if you want to change the size of the images
        cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
        executeList : ["ytfeed:most_viewed.this_week","audio equipment"] // change "audio equipment" to your topic
      }
    }

  videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
                            GSvideoBar.PLAYER_ROOT_FLOATING,
                            options);
  }
  // arrange for this function to be called during body.onload
  // event processing
  GSearch.setOnLoadCallback(LoadVideoBar);
</script>

// then to position it by using external CSS (remember to insert chevrons at the start and end of the div tags). The divs belong in the body of of your layout.phtml 

 div id="videoBar-bar"
  div

// then in your external sheet position it using something like this.. (insert a hash here!) videoBar-bar { 

position:absolute;
left:10px;
top:200px;

}

Some useful links I have found (0610970)

http://www.developertutorials.com/tutorials/php/zend-framwork-tutorial-8-08-13/page1.html

http://blog.astrumfutura.com/archives/353-An-Example-Zend-Framework-Blog-Application-Part-2-The-MVC-Application-Architecture.html - detail information about MVC pattern

http://zendguru.wordpress.com/category/zend-framework/ - explanation about the ZEND form

http://www.killerphp.com/zend-framework/videos/ - video tutorial about MVC pattern

http://webdeveloper.econsultant.com/ajax-demos-examples-code-samples/ - ajax tutorial

http://ajbrown.org/blog/2009/01/04/automated-testing-using-zend-framework-part-1.html - Zend automated testing information

(0707202) Useful link about Automatic testing of MVC applications created with Zend Framework - http://www.alexatnet.com/node/12

Retrieved from "https://mi-linux.wlv.ac.uk/wiki/index.php?title=Web_Frameworks_-_Workbook&oldid=4008"