Spry Tabs - target different tab via url?
I have a page that uses the Spry tabs. It's set to use the
first tab (default).
I have another page wherein I'd like to put a link to this
page but have the link display the SECOND tab.
Is this possible? How is it done?
Thanks!
BTW, for anyone else, it threw me for a moment until I
realized than in addition to linking to SpryURLUtils.js you need to
add this to the head:
<script type="text/javascript">
// Grabs the values of the URL parameters for the current
URL.
var params = Spry.Utils.getLocationParamsAsObject();
</script>
The rest is clear in the example's code.
Similar Messages
-
Spry tabbing and URL variables
Hi there,
Thanks to these forums I can now link to my lovely Spry tabs.
However, I'm no longer able to pass my page variable by URL and I
was wondering if there was a work-around for this. My basic link is
as follows:
<a href="index.cfm?ID=#ID#"
onclick="TabbedPanels1.showPanel('third'); return
false;">#eventName#</a>
The link is tied to a specific database entry and, when
clicked, should load that entry on the panel. The entry is to
display on the third panel. While the panel links fine, the
database entry isn't called as the variable isn't passed.
Any ideas how I can best this little problem?
Thanks!Kibbage.TEESO wrote:
The biggest reason I try to not use URL parametersis that URL paramteres open you to SQL injection attacks.
No more then Form variables do. If you think that form variables are somehow magically more secure from injection or any other type of tampering then url variables then you have a very week understanding of Internet technology.
It is no harder for me to modify a form [POST] variable then it for me to modify a url [GET] variable on any request I send to your server. If your server trusts the form variables and does not take precautions; then your application is open to SQL injuection and other hacks. -
Spry tabbed panels - Different Hover Class for each tab
Already posted this in the general Dreamweaver section, but just realized there was a specific Spry section. So, my apologies for the repost.
I'm setting up spry tabbed panels, and I'm wanting to use an image for each tab, with the text already on it. I've figured this much out by creating a different class for each in the spry tabbed panel css.
However, I'd also like to have a second hover image for each tab. I'm having trouble figuring out how to set up separate classes for each tab's hover state.
Any help?
Thanks.Just in case you did not notice the announce at the top of this forum's main page, I have copied it here.
Announcement: New to Spry, or the Spry forums?
Hide Details
Before you post a topic please verify that:
You are using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Your question was not asked before
Using the search functionality on forums you can easily find out if your question has been answered before. While you are in search, you can specify the search locations. The Spry forum can be found under:
Adobe Labs > Spry Framework for Ajax
Yoru question can not be found in the existing documentation
Spry provides you with allot of documentation this can found on different locations. In the sidebar of this forum you can find a small summary of resources that will help you on your way.
If these options do not apply to your question, please be so kind to also supply the following information in your topic together with a clear description of your issue:
What browsers does this issue occure:
example: Internet Explorer 8 on Window 7 and Firefox 3.0 on Mac OSX
What version of Spry are using:
example: Spry 1.6.1 ( the version number can be found in license header of the .css and .js files )
What is the url of your website or page in issue:
example: http://www.example.com/page/in/issue.html
Step to reproduce the issue:
example: Scroll down till you find the header "help", there you will see a Spry Accordion. When you click on it it will not open or close.
So users can provide you with a better answer, without having to ask you for further details.
by Arnout Kazemier at Oct 23, 2009 2:47 PM
landon_tc wrote:
Actually, I do remember posting that, and have updated it with what worked for me. However, I could not recall posting it in a specific ajax spry forum, so I assumed I just posted in the general forum. Hence the current situation.
Yeah and my name is not Ben Pleysier.
landon_tc wrote:
Any help with the current problem?
Please have a look at this thread http://forums.adobe.com/message/2662019#2662019
I hope this helps.
Ben Pleysier -
Targeting a specific Spry tab in an A Href
Can i somehow tell the Spry tabs to focus on a tab other than
the first one on page load?Due to the Spry framework being fairly new, you may be best
asking this
question in the Spry specific forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
"jasals" <[email protected]> wrote in
message
news:f5e38m$dnu$[email protected]..
> Can i somehow tell the Spry tabs to focus on a tab other
than the first
> one on page load? -
Spry Tabbed XML data panels within HTMLPanel not working.
Many thanks for reading.
s
I trying to provide a rapid solution using adobe's samples
to make Spry Tabs work within an html panel (in order to avoid
many links in my page).
I am using the following code:
initial page with html panel with the ready products.js to parse the links:
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryPagedView.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLPanel.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript" src="../SpryAssets/SpryDataExtensions.js"></script>
<script src="SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/products.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="TabbedPanels/SpryTabbedPanels.css"/>
<script src="TabbedPanels/SpryTabbedPanels.js"></script<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("ajaxbibliaxmlbridgetitle.php", "root/row[katigoria=1]", {sortOnLoad: "ID_BIBLIOU", sortOrderOnLoad: "ascending"});
var pv1 = new Spry.Data.PagedView( ds1 ,{ pageSize:10 });
var pv1PagedInfo = pv1.getPagingInfo();
//var TabbedPanels1 = new Spry.Widget.TabbedPanels();
</script>
</head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="sidebar1">
<div id="productPageLinks">
<ul>
<li><a href="index.php">Index</a></li>
<li><a href="booklist.php">Product List</a></li>
<li><a href="test.php">Σχετικά με τη Βιβλιοθήκη</a></li>
</ul>
</div>
</div>
<div id="mainContent">
<br />
<div class="HTMLPanelLoadingContent"> Waiting</div>
<div class="HTMLPanelErrorContent"> error </div>
</div>
</div>
</body>
</html>
Products.js (adobe'S change to can load xml dataset)
var mainPanel = null;
// Our initialization function which unobtrusively attaches
// click handlers on the product links within the page.
function InitProductPage()
mainPanel = new Spry.Widget.HTMLPanel("mainContent" , { evalScripts: true });
var observer = {onPostUpdate: function(){ Spry.Data.initRegions('mainContent');
mainPanel.addObserver(observer);
// For every link on the page which points to a product page,
// attach an onclick handler that will intercept clicks and
// and fire off a request to load the URL via the HTMLPanel.
// For these links, we want to load the static product page
// and extract out the content underneath the "mainContent"
// node.
Spry.$$("#productPageLinks a").addEventListener("click", function(e)
mainPanel.loadContent(this.href, { id: "mainContent" });
return false;
}, false);
// For every link on the page which points to a product HTML
// fragment, attach an onclick handler that will intercept clicks and
// and fire off a request to load the URL via the HTMLPanel.
// For these links, we are loading HTML fragments, so there is no
// need to specify an ID to extract out. The HTMLPanel will insert
// all of the content recieved.
Spry.$$("#productFragmentLinks a").addEventListener("click", function(e)
mainPanel.loadContent(this.href);
return false;
}, false);
// Add our InitProductPage() function as a load listener
// so that it gets executed once the page has fully loaded.
Spry.Utils.addLoadListener(InitProductPage);
XML data and stuff all loaded correctly
What I am trying to do is to load a second page from a link in my initial page
that contains a Tabbed Panel.
The page loads but no panel functionality exists. The first Panel load correctly but behaves as a simple html page .
I have searched several hours the forums and playing around by moving the definition of Spry.Widget.TabbedPanels within
the initial HTMLPanel page and other spots but this produced js errors as expected (because the tab panel definitions exist in bookcategories.php)
which is loaded only when it is called.
Any ideas?
Page to load is like this :
<bookcategories.php>
<link rel="stylesheet" type="text/css" href="TabbedPanels/SpryTabbedPanels.css"/>
<script src="TabbedPanels/SpryTabbedPanels.js"></script>
<script language="JavaScript" type="text/javascript" src="../SpryAssets/SpryDataExtensions.js"></script>
</head>
<body >
<div id="container">
<div id="mainContent">
<div class="TabbedPanels" id="TabbedPanels1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">SOmething ... </li>
<li class="TabbedPanelsTab">Something else </li>
<
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Blah Blah
<div spry:region="pv1" id="bibliapv"><br />
<br />
<div spry:state="ready">
<table width="775" height="42" >
<tr style="color:#900"; >
<th etc>
</tr>
<tr spry:repeat="pv1" spry:even="even" spry:odd="odd">
<td > {ID_}
</td>
<td>{Writer}</td>
<td>{Book_Title}</td>
</tr>
</table>
</div>
</div>
<div class="TabbedPanelsContent">Tab 2 Content</div>
<div class="TabbedPanelsContent">Tab 3 Content</div>
<div class="TabbedPanelsContent">Tab 4 Content</div>
</div>
</div>
</div>
<br class="clearfloat" />
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
Many thanksOk I went back through everything and checked to make sure my
files were in the right places both my SpryTabbedPanels.css and my
SpryTabbedPanels.js are in the SpryAssets folder and they work fine
until I try and add data from an xml file to them then the tabs
populate with the info but become unclickable and the content area
has every bit of content in on tab. Below is what I have let me
know what I'm doing wrong I am using Spry 1.6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="SpryAssets/SpryData.js"
type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.XMLDataSet("solutions3.xml",
"solutions/solution");
//-->
</script>
<link href="SpryAssets/SpryTabbedPanels.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div spry:region="ds1">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li spry:repeat="ds1" class="TabbedPanelsTab"
tabindex="0">{name}</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div spry:repeat="ds1"
class="TabbedPanelsContent">{desc}</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html> -
Submitting a Form in a Spry Tabbed Region
I have a spry tabbed region with 6 tabs.
I have constructed a menu which targets and opens the specific tab using the ?tab=4 type notation. I have also created links between tabs using the same notation. All works fine.
I have a form in one tab which, when I submit it, I want to return to the same tab. However when I use the notation <form action="index.php?tab=4" > the page just reloads on the first tab, stripping off the ?tab=4 part of the url. I have searched the forums but can't find any reference to how to target a specific tab when submitting a form.
Any help much appreciated.
Thanks
JohnHi
Thanks for your patience.
Because there are 8 tabs on this page there is a lot of code, much of it irrelevant, so I have copied below the chunks which relate to this part of the page.
When the form is submitted the data being returned from the database is correct and is loaded into the page. It is just that the page loads the first tab and you then have to click on the 'Results' tab to see the data which has been returned.
Ok, from the top of the page the php code which filters the recordset is as follows;
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
return $theValue;
// recordset for results
$var1_rsCompResults = "-1";
if (isset($_GET["event_ID"])) {
$var1_rsCompResults = $_GET["event_ID"];
$var2_rsCompResults = "-1";
if (isset($_GET["age_group"])) {
$var2_rsCompResults = $_GET["age_group"];
$var3_rsCompResults = "-1";
if (isset($_GET["gender"])) {
$var3_rsCompResults = $_GET["gender"];
mysql_select_db($database_connPublic, $connPublic);
$query_rsCompResults = sprintf("SELECT tblResults.result_ID, DATE_FORMAT(tblEvents.event_start_date, '%%Y') AS year, tblResults.event_ID, tblEvents.event_name, tblResults.age_group, tblResults.points, tblIndividuals.forename, tblIndividuals.surname, tblIndividuals.sex FROM tblEvents INNER JOIN tblResults ON tblEvents.event_id = tblResults.event_ID INNER JOIN tblIndividuals ON tblResults.individual_ID = tblIndividuals.individual_id WHERE tblResults.event_ID = %s AND age_group = %s AND sex = %s ORDER BY tblResults.points", GetSQLValueString($var1_rsCompResults, "int"),GetSQLValueString($var2_rsCompResults, "text"),GetSQLValueString($var3_rsCompResults, "text"));
$rsCompResults = mysql_query($query_rsCompResults, $connPublic) or die(mysql_error());
$row_rsCompResults = mysql_fetch_assoc($rsCompResults);
$totalRows_rsCompResults = mysql_num_rows($rsCompResults);
?>
then the links to the Spry Assets and the js which creates the datasets is as follows;
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryDataExtensions.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryXML.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryPagedView.js" type="text/javascript"></script>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script type="text/javascript">
var dsYears = new Spry.Data.XMLDataSet("competitions_year_data_xml.php", "root/row");
var dsCompetitions = new Spry.Data.XMLDataSet("calendar_competitions_data_xml.php", "root/row[year = '{dsYears::year}']");
var dsAgeGroups = new Spry.Data.XMLDataSet("competitions_age_group_data_xml.php", "root/row[event_ID = '{dsCompetitions::event_ID}']");
var dsGender = new Spry.Data.XMLDataSet("competitions_sex_data_xml.php", "root/row[age_group = '{dsAgeGroups::age_group}']");
</script>
Then the html which creates the tabbed region is as follows;
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTabLeft" tabindex="0">News</li>
<li class="TabbedPanelsTab" tabindex="1">Calendar</li>
<li class="TabbedPanelsTab" tabindex="2">Rules</li>
<li class="TabbedPanelsTab" tabindex="3">Competition Entries</li>
<li class="TabbedPanelsTab" tabindex="4">Results</li>
<li class="TabbedPanelsTab" tabindex="5">Rankings</li>
<li class="TabbedPanelsTab" tabindex="6">Contacts</li>
<li class="TabbedPanelsTabRight" tabindex="7">FAQ</li>
</ul>
<div class="TabbedPanelsContentGroup">
Then the form which includes the four select statements is as follows;
<div class="TabbedPanelsContent" id ="results_data">
<h3>Results</h3>
<form name="selectForm" action="index.php?tab=4&" method="get">
Year:
<span spry:region="dsYears" id="yearSelector">
<select spry:repeatchildren="dsYears" spry:choose="spry:choose" name="year" onchange="dsYears.setCurrentRowNumber(this.selectedIndex);">
<option value="{year}" spry:when="{ds_CurrentRowID} == {ds_RowID}" selected="selected">{year}</option>
<option value="{year}" spry:default="spry:default" >{year}</option>
</select>
</span>
Event:
<span spry:region="dsCompetitions" id="eventSelector">
<select spry:repeatchildren="dsCompetitions" name="event_ID" onchange="dsCompetitions.setCurrentRowNumber(this.selectedIndex);">
<option value="{event_ID}">{event_name}</option>
</select>
</span>
Age Groups:
<span spry:region="dsAgeGroups" id="agegroupSelector">
<select spry:repeatchildren="dsAgeGroups" name="age_group" onchange="dsAgeGroups.setCurrentRowNumber(this.selectedIndex);">
<option value="{age_group}">{age_group}</option>
</select>
</span>
Gender:
<span spry:region="dsGender" id="genderSelector">
<select spry:repeatchildren="dsGender" name="gender">
<option value="{sex}">{sex}</option>
</select>
</span>
<input type="submit" value="Submit" />
</form>
<?php if ($totalRows_rsCompResults > 0) { // Show if recordset not empty ?>
<div id="result_ID" name="result_ID">
<table>
<tr>
<th>Athlete Name</th>
<th>Event</th>
<th>Score</th>
</tr>
<?php do { ?>
<tr>
<td><?php echo $row_rsCompResults['forename']; ?> <?php echo $row_rsCompResults['surname']; ?></td>
<td><?php echo $row_rsCompResults['event_name']; ?></td>
<td><?php echo $row_rsCompResults['points']; ?></td>
</tr>
<?php } while ($row_rsCompResults = mysql_fetch_assoc($rsCompResults)); ?>
</table>
</div>
<?php } // Show if recordset not empty ?>
</div> <!-- end of TabbedPanelsContent div Results -->
Then at the end of the page is this code;
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
</script>
</body>
</html>
<?php
mysql_free_result($rsCompResults);
?> -
I have a perplexing problem, in firefox the iframe in the spry tabbed panel doesn't work any ideas?
I have made a page with spry tabbed panels, i have embedded an iframe in the content section of the second tab, this works perfectly well with Google, IE, Safari, Opera etc but just doesnt work in Firefox.
If I make the tab panel containing the iframe the Default tab then it works, i just cant figure out why,
By the way new to all this so be gentle please
<div id="main_column">
<div class="section_w500">
<h2>North Bali Listings</h2>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">About North Bali</li>
<li class="TabbedPanelsTab" tabindex="0">Land</li> <<<<< This is the tab where the iframe is embedded in the content panel>>>>>
<li class="TabbedPanelsTab" tabindex="0">Houses / Villas /Apartments / Rooms</li>
<li class="TabbedPanelsTab" tabindex="0">Commercial</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">A property analyst recently said that limited land availability in the southern parts of Bali, especially in and around the Badung and Denpasar areas, has driven investors northward, in our opinion at this time it is an ideal opportunity to acquire property still at very sensible prices in this area, be it for investment or as a place of residence.. <br />
<p> <img src="../../../Images/Bali Scenes General/panoramic-views.jpg" alt="views" width="183" height="140" align="left" />Over the last few of years, investors have been targeting the northern area, principally along the coastline , with its variety of pristine black sandy beaches, pebble beaches and rugged coastline, offering a variety of activities; scuba diving, snorkelling, water sports, fishing, sailing. trekking gives this area the potential to be world-class tourist destination. Research has shown that property prices are set to rise above the average due to increased infrastructure development, and the planned opening of a new International Airport in the North shows the Bali Government's commitment to the develop this area as a future tourist destination.<br />
<br />
The Northern part of Bali is also an excellent base for exploration further afield, close to the main portal for trips to other parts of Indonesia. <br />
Although it is largely undeveloped there is a wide range of properties and land with beach front to panoramic rice paddy views still to be found at good value for money. </p>
<table width="100%">
<tr>
<td align="left" valign="top"><div class="AreasOfBaliHighlight" style="color: #60C; font-weight: bolder;">This is an ideal time to consider your dream property in this area; be it for investment, development or private use.</div></td>
</tr>
</table>
<p> The main tourist area in the North is arguably <span style="color: #F00">Lovina</span>, with property prices reflecting this especially beach front or with panoramic views so expect to see prices a little bit more expensive in and around this area. However inland prices are still very reasonable.<br />
<br />
<img src="../../../Images/Bali Scenes General/Traditional-lifestyle.gif" alt="village life" width="188" height="137" hspace="2" align="right" />Other areas to be found in the North going towards <span style="color: #F00">Gillimanuk</span> the main portal for the ferry to and from Java; include: <span style="color: #F00">Pemuteran</span> popular diving area, <span style="color: #F00">Menjangan</span> <span style="color: #F00">Island</span>, a popular diving and nature reserve; are also beginning to attract investors, resulting in prices rising.<br />
The area of the North of Bali travelling East from <span style="color: #F00">Lovina</span> towards the eastern part of Bali is quieter and more rural, with stunning coastline and secluded traditional village life, here life slows down, people are very friendly and happy to integrate with "Bule (Foreigner), this life style is definitely completely different to the hustle and bustle of the South of Bali, perfect for future development and peaceful retirement, and with the development of the new <span style="color: #F00">International Airport</span> in this area, about 1/2 way between <span style="color: #F00">Singaraja</span> and <span style="color: #F00">Almpura</span> in the East, which makes this area an ideal investment opportunity as property and land prices are set to grow in this part of North Bali faster than other areas.<br />
<br />
<img src="../../../Images/Bali Scenes General/img_bali_1.jpg" alt="Quiet Lanes" width="189" height="124" hspace="2" align="left" />It has to be said that facilities for schooling, medical services and shopping are not as good as in the South or around Ubud area, which have higher concentrations of established ex pat communities, and better facilities also the job opportunities are not anywhere near as plentiful as in the South or Ubud areas, which limits the lifestyle for many people looking to settle in Bali, careful consideration has to be given if your intention is for a place for you to reside, and it is possibly an area for consideration as an investment opportunity, or for a development of hotel or villa resort, or as a second retirement home. </p>
<p>There are of course facilities for all the usual services and plenty of job opportunities, and a small but growing ex-pat community, especially in and around <span style="color: #F00">Lovina</span> and <span style="color: #F00">Singaraja</span> just not as many as in the other popular areas for ex pat's. </p>
</div>
<div class="TabbedPanelsContent">
<p> </p>
<table width="100%" border="0">
<tr>
<td valign="top"><h7 style="color: #C03"><span style="font-weight: bold"><span style="font-size: 12px; color: #FFF;">Property Code BSP 00130101</span><span style="font-size: 16px"> </span>SAMBIRENTENG - North East Bali 7,300 meters (</span></h7>
<span style="font-weight: bold; color: #B90033;">73 ARE) Beach front flat wooded land for Sale/ Rent</span></td>
<td><span class="button_01"><a href="#" onclick="MM_openBrWindow('North Bali/Gold Package Listings/BSP-00130101/Sambirenteng Property Location Map.html',width=750,height=200')">Location Map</a></span></td>
</tr>
<tr>
<td width="77%" valign="top"><p>A golden opportunity to acquire a prime plot of beach front land in the North East of Bali in an area that enjoys newly awarded "Tourism Status" ideal for the development of a small hotel or villa complex, easy access to many popular tourist spots already developing in the North.</p>
<p> A 3 meter wide sealed road gives acces to the whole length of this prime plot of land: Electric (PLN) Water (PDAM) Telephone & Internet close to hand and readilly available</p></td>
<td width="23%"><a href="Carousel Sambirneteng Listings.html target="_parent"></a><iframe src="Carousel Sambirneteng Listings.html" allowtransparency="yes" frameborder="no" height="111" width="156" scrolling="No" align="middle" marginheight="0"></iframe></td>
</tr>
<tr>
<td valign="top">Purchase price<span style="color: #33C; font-weight: bold;"> 12,500,000,000 Rp</span><br />
Rental Price (25 years) <span style="font-weight: bold">9,450,000,000</span> <span style="font-weight: bold">Rp</span> <span style="color: #FFF"> (<span style="font-weight: bold; color: #3333D0;"> 5,200,000 Rp</span><span style="color: #3933D5"> </span> per are per year )<br />
Min Rental Period 25 Years, extendable to to a max of 75 years
(with full "Right Of Use" issued by owner)</span></td>
<td valign="top"><p class="button_01"><a href="../Gold Package Listings/BSP-00130101/BSP00130101 Details.html">Find out more</a></p>
<br />
<span class="button_01"><a href="../Gold Package Listings/BSP-00130101/BSP00130101_Enquiry Form.html" target="_parent">Make Enquiry</a></span></td>
</tr>
</table>
<p><br />
</p>
<hr width="100%" noshade="noshade" />
<p> </p>
</div>
<div class="TabbedPanelsContent">Sorry we don't have any listings under this catagory at the moment,,, Check back later or register with us, and we will send you regular updates of any new properties we list.<iframe src="Carousel Sambirneteng Listings.html" allowtransparency="yes" frameborder="no" height="111" width="156" scrolling="No" align="middle" marginheight="0"></iframe></div>
<div class="TabbedPanelsContent">Sorry we don't have any listings under this catagory at the moment,,, Check back later or register with us, and we will send you regular updates of any new properties we list.</div>
</div>
</div>
<p> </p>
<p>
<h7 style="color: #C03"></h7>
</p>
<h2></h2><!-- this stays empty to put dotted line under listings block -->
</div>
<div class="cleaner"></div>
</div> <!-- end of main column -->Could you share a link to the page?
Seeing it in context and in our browsers is much easier to debug.
If not, make sure to run the validator here The W3C Markup Validation Service and clear out any problems. HTML errors, especially structural ones, will cause all kinds of display problems in various browsers/versions/platforms. -
Images in Spry Tabbed Panels Tabs
I am completely new to the Spry options in Dreamweaver and
need help customizing the Tabs in the Spry Tabbed Panel.
I would like to substitute the text in each tab for a
different image in each tab, and have each image change by using
behaviors, depending on the user actions (hover, select, etc.).
If you can provide samples of this, it will truly be
appreciated. ThanksFirst add an ID to the tab as follows or similar
<h2 id="second">Tab 2</h2>
Then add a style rule to add a background image as follows or similar
.TabbedPanelsTab#second {
background:url(myImage.gif);
Gramps -
Spry tabbed panels java script error screwing up whole page when I reopen document in dreamweaver
I need help!
I am creating a site in dreamweaver and I am using spry tabbed panels for my content on every page. I've created 4 pages. When I go to reopen the pages after quitting dreamweaver 2 open and work just fine. However, for the other two I receive a window that says,
this document contains javascript code for a widget that no longer exists. If you don't remove the code, the browser may display javascript errors when loading the page. Would you like dreamweaver to find all instances of this code for you.
I've selected both yes and no options and either way my entire page becomes all jumbled. I've tried deleting the script in code view and it doesn't help?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LEAP 2 GROW</title>
<style type="text/css">
<!--
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #090909;
background-image: url(k2-mountain-1280x800-1.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
.twoColFixLtHdr #container {
width: 1200px;
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
.twoColFixLtHdr #header {
padding: 0;
margin-top: 10px;
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #8CC543;
.twoColFixLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0;
background-color: #25A8E0;
margin-top: 40px;
height: 400px;
.twoColFixLtHdr #mainContent {
margin-right: 0;
margin-bottom: 0px;
margin-left: 248px;
border: 1px solid #8CC543;
margin-top: 40px;
text-align: center;
background-position: center center;
color: #8CC543;
font-family: "Century Gothic";
font-size: medium;
text-transform: none;
height: 400px;
background-image: url(k2-faded.jpg);
.twoColFixLtHdr #footer {
padding: 0;
text-align: left;
font-family: "Century Gothic";
text-transform: uppercase;
color: #25A8E0;
letter-spacing: 5px;
font-size: small;
word-spacing: normal;
display: block;
margin-left: 0px;
margin-top: 10px;
.twoColFixLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
-->
</style>
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #25A8E0;
text-decoration: none;
a:hover {
color: #8CC543;
text-decoration: none;
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
//-->
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: xx-small; color: #EEEEEE; }
a:visited {
text-decoration: none;
color: #25A8E0;
a:active {
text-decoration: none;
.style3 {
color: #FFFFFF;
font-weight: bold;
.style4 {color: #FFFFFF}
-->
</style>
<style type="text/css">
<!--
.style5 {font-size: x-large}
h1 {
font-size: medium;
color: #25A8E0;
.style6 {color: #444444}
.style8 {color: #444444; font-weight: bold; }
-->
</style>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixLtHdr" onload="MM_preloadImages('HS-MENTOR-OVER.png')">
<div id="container">
<div id="header">
<h1><a href="index.html"><img src="web-banner.png" width="514" height="127" /></a>
<!-- end #header --></h1>
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a href="volunteer.html">VOLUNTEER</a> </li>
<li><a href="parentcollege.enroll.html">PARENT COLLEGE: ENROLL</a></li>
<li><a href="https://leapfrog-usa.com/AOE/Parent-Resources/Enrollment-Form.aspx">AFTER SCHOOL: ENROLL</a> </li>
</ul>
</div>
<div id="sidebar1">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#" class="MenuBarItemSubmenu">ABOUT US</a>
<ul>
<li><a href="mission.html">mission/overview</a></li>
<li><a href="ourteam.html">OUR team</a></li>
</ul>
</li>
<li><a href="problem.html">THE PROBLEM</a></li>
<li><a href="#" class="MenuBarItemSubmenu">THE SOLUTION</a>
<ul>
<li><a href="solution.overview.html">overview</a></li>
<li><a href="solution.structure.html">structure</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">PROGRAMS</a>
<ul>
<li><a href="parentcollege.html">parent college</a></li>
<li><a href="mentor.html">MENTOR program</a></li>
<li><a href="farming.html">urban farming</a></li>
<li><a href="afterschool.html">CHARTER AFTER SCHOOL</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">LOCATIONS</a>
<ul>
<li><a href="location.fulton.html">fulton county ga</a></li>
<li><a href="location.haiti.html">haiti</a></li>
<li><a href="location.tribe.html">native american tribe</a></li>
</ul>
</li>
<li><a href="news.html">NEWS|RESOURCES</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li><a href="#">DONATE</a></li>
</ul>
</div>
<div class="style3" id="mainContent">
<div align="left" class="style4">
<p class="style5">MENTOR PROGRAM</p>
<div id="TabbedPanels2" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">ABOUT</li>
<li class="TabbedPanelsTab" tabindex="0">PROGRAM DIRECTOR</li>
<li class="TabbedPanelsTab" tabindex="0">L2G CERTIFICATION</li>
<li class="TabbedPanelsTab" tabindex="0">PHOTO GALLERY</li>
<li class="TabbedPanelsTab" tabindex="0">HIGH SCHOOL ACADEMIC MENTOR</li>
<li class="TabbedPanelsTab" tabindex="0">COMMUNITY-LEADER MENTOR</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<blockquote>
<p><em>“Those who have the ability, have the responsibility”</em></p>
<p><u>Avenue of attention:</u> <strong> MENTOR PROGRAM</strong> <br />
Unites local society, by focusing the <u>attention</u> of the community’s talent, on children (ages 7 – 12) who are in need of positive role models. </p>
<p>Two levels of involvement: </p>
<ol>
<li>High School Academic Mentors</li>
<li>Community-Leader Mentors</li>
</ol>
<p><u>Program title:</u> <strong>Talent 2 Kids</strong> </p>
<p><u>Why Program Important</u><strong>:</strong> </p>
<ol>
<ul>
<li><strong>Motivates</strong> children by providing successful, caring role models into their lives, and in accordance, exposing them to realistic paths towards financial success. </li>
<li>High school juniors and seniors on the honor roll are eligible to tutor elementary school children, utilizing their skills in helping with homework and comprehension.</li>
<li>Community business leaders will act as “big brother/big sisters,” mentoring and monitoring a child’s well being and academic progress. Also, sharing career information and the associated path to success, along with teaching real-life problem solving skills.</li>
</ul>
</blockquote>
</div>
<div class="TabbedPanelsContent">Content 2</div>
<div class="TabbedPanelsContent">Content 3</div>
<div class="TabbedPanelsContent">Content 4</div>
<div class="TabbedPanelsContent">Content 5</div>
<div class="TabbedPanelsContent">Content 6</div>
</div>
</div>
<p> </p>
</div>
<p> </p>
<p> </p>
</div>
<div id="footer">
<table width="1200" border="0">
<tr>
<td><div align="left"><a href="parentcollege.html">parent college</a></div></td>
<td><div align="center"><a href="mentor.html">MENTOR program</a></div></td>
<td><div align="center"><a href="farming.html">urban farming</a></div></td>
<td><div align="right"><a href="afterschool.html">charter after school</a></div></td>
</tr>
</table>
<p align="center" class="style2">A NON-PROFIT ORGANIZATION, EMPOWERING COMMUNITIES TO MOTIVATE THEIR CHILDREN, CREATING LASTING CHANGE</p>
<!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels2");
//-->
</script>
</body>
</html> -
I have Spry Tabbed panels and all my content is suddenly displaying in the first, default tab. Also, the turquoise "Spry Tabbed Panels" is missing from the top of my widget. This has happened on three different pages so far, and all I have found is that I must insert a new tabbed panel. My <div> codes all match up, so I'm stumped. Any help would be really appreciated.
Source Code in this post
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/base_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>BCCA Library - Abstracts</title>
<meta name="Description" content="Designed and developed by Codify Design Studio - codifydesign.com" />
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceParam name="Content Left" type="boolean" value="true" -->
<!-- InstanceParam name="Content Right" type="boolean" value="true" -->
</head>
<body>
<div class="bannerArea">
<div class="container">
<div class="bannernav"><a href="http://www.bccancer.bc.ca/" target="_blank" >BC Cancer Agency</a> • <a href="http://POD" target="_blank" >POD</a> • <a href="http://www.phsa.ca" target="_blank" >PHSA </a>• <a href="mailto:[email protected]?subject='Contact Us' from Library Links" >Contact Us</a></div>
<div class="toplogo"><a href="index.html" target="_parent"><img src="images/liblinks_infobase.png" alt="Library Links Home Page" hspace="135" border="0" /></a></div>
<div style="clear:both;"></div>
</div>
</div>
<div class="topnavigationArea">
<div class="container">
<div class="topnavigationgroup">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="databases.html" class="MenuBarItemSubmenu">Databases</a>
<ul>
<li><a href="databases.html">All Databases</a></li>
<li><a href="remote.html">Remote Access</a></li>
<li><a href="mobile.html">Mobile Resources</a></li>
<li><a href="training_bcca.html">Training</a></li>
<li><a href="autoalerts.html">AutoAlerts</a></li>
<li><a href="primal.html">Primal Pictures</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="journals.html">Journals</a>
<ul>
<li><a href="journals.html" class="MenuBarItemSubmenu">Journals</a>
<ul>
<li><a href="http://atoz.ebsco.com/home.asp?Id=BCCA230F" target="_blank">BCCA A-Z e-journals</a></li>
<li><a href="http://bcca.andornot.com/results.aspx?TN=bccacat&QY=find%20(Format%20ct%20Serial)%20not%20 (Status%20%3DDiscarded%20%2F%20%3DMissing)%20and%20(Location%20ct%20library)&RF=WebBriefDa te&DF=WebFull&BU=http%3A%2F%2Fbcca.andornot.com%2Fdefault.htm&MR=10&NP=255&RL=0&DL=0&MF=bc cawpmsg.ini&AC=QBE_QUERY" target="_blank">Print Journals BCCA</a></li>
<li><a href="http://toby.library.ubc.ca/ejournals/ejournals.cfm/" title="UBC Print and E-journals" target="_blank">UBC Journals</a></li>
<li><a href="mailto:[email protected]?subject=Request articles" title="Request articles from BCCA Library">Request Articles</a></li>
</ul>
</li>
<li><a href="ebooks.html">E-books</a></li>
<li><a href="abstracts.html">Abstracts/Conferences</a></li>
<li><a href="remote.html">Remote Access</a></li>
<li><a href="mailto:[email protected]?subject=Request articles">Request Articles</a></li>
</ul>
</li>
<li><a href="refworks.html">RefWorks</a></li>
<li><a href="catalogues.html" class="MenuBarItemSubmenu">Catalogues</a>
<ul>
<li><a href="catalogues.html">Catalogues</a></li>
<li><a href="http://bcca.andornot.com/" title="BCCA Library Catalogue" target="_blank" class="MenuBarItemSubmenu">BCCA</a>
<ul>
<li><a href="http://bcca.andornot.com/topics.htm" title="Automated Searches" target="_blank">Popular Topics</a></li>
<li><a href="ebooks.html" target="_blank">E-books</a></li>
<li><a href="http://tinyurl.com/4jmvwpn" title="Books added this month" target="_blank">BCCA New Books</a></li>
</ul>
</li>
<li><a href="http://library.ubc.ca/" title="UBC Library Catalogue" target="_blank" class="MenuBarItemSubmenu">UBC</a>
<ul>
<li><a href="http://toby.library.ubc.ca/ejournals/ejournals.cfm/" title="UBC Print and E-journals" target="_blank">UBC Journals</a></li>
<li><a href="http://webcat2.library.ubc.ca/vwebv/searchBasic/" title="UBC Books & more" target="_blank">UBC Books</a></li>
<li><a href="http://services.library.ubc.ca/borrowing/library-cards/" target="_blank">UBC Library Cards</a></li>
<li><a href="http://www.it.ubc.ca/cwl/homelink.shtml/" title="Campus Wide Login" target="_blank">Campus Wide Login</a></li>
<li><a href="http://www.library.ubc.ca/home/proxyinfo/" title="Connect from Home" target="_blank">VPN / EZ Proxy</a></li>
<li><a href="mailto:[email protected]?subject=Request Articles" title="Request from BCCA Library">Request Articles</a></li>
</ul>
</li>
<li><a href="http://library.sfu.ca/" title="SFU Library Catalogue" target="_blank">SFU</a></li>
<li><a href="http://www.bcit.ca/library/" title="BCIT Library Catalogue" target="_blank">BCIT</a></li>
<li><a href="http://www.ncbi.nlm.nih.gov/sites/entrez?db=nlmcatalog" title="National Library of Medicine Catalogue" target="_blank">NLM (U.S.)</a></li>
<li><a href="http://library.unbc.ca/" title="UNBC Library Catalogue" target="_blank">UNBC </a></li>
<li><a href="http://www.ubc.ca/okanagan/library/welcome.html" title="UBC Okanagan Library" target="_blank">UBC Okanagan</a></li>
<li><a href="http://library.uvic.ca/" title="U Vic Library Catalogue" target="_blank">U Victoria</a></li>
<li><a href="http://www.vpl.ca/" title="Vancouver Public Library" target="_blank">Vancouver Public </a></li>
</ul>
</li>
<li><a href="professional.html" class="MenuBarItemSubmenu">Professional Practice</a>
<ul>
<li><a href="abstracts.html">Abstracts/Conferences</a></li>
<li><a href="admin.html">Administration</a></li>
<li><a href="guidelines.html">Cancer Guidelines</a></li>
<li><a href="nursing.html">Nursing</a></li>
<li><a href="nutrition.html">Nutrition</a></li>
<li><a href="pharmacy.html">Pharmacy</a></li>
<li><a href="physicians.html">Physicians</a></li>
<li><a href="psychosocial.html">Psychosocial</a></li>
<li><a href="rt.html">RT / Physics</a></li>
<li><a href="researchers.html">Researchers</a></li>
<li><a href="writers.html">Writing & Authors</a></li>
</ul>
</li>
<li><a href="training_bcca.html" class="MenuBarItemSubmenu">Training</a>
<ul>
<li><a href="training_bcca.html" class="MenuBarItemSubmenu">Training Home Page</a>
<ul>
<li><a href="orientations.html" title="Staff Orientations">Staff Orientations</a></li>
<li><a href="training_ac.html">AC Training</a></li>
<li><a href="training_csi.html" title="CSI Training">SAHCSI Training</a></li>
<li><a href="training_fvc.html">FVC Training</a></li>
<li><a href="training_vc.html" title="VC Training">VC Training</a></li>
<li><a href="training_vic.html">VIC Training</a></li>
</ul>
</li>
<li><a href="https://edreg.cw.bc.ca/phsaedcalendar/Home.aspx" target="_blank">Learning Hub</a></li>
<li><a href="orientations.html" title="Staff Orientations">Staff Orientations</a></li>
<li><a href="primal.html">Primal Pictures</a></li>
</ul>
</li>
<li><a href="library.html" class="MenuBarItemSubmenu">Library Services</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Contacts & Info</a>
<ul>
<li><a href="../Documents/VC_Staff_Information_Sheet.pdf">VC - Vancouver</a></li>
<li><a href="../Documents/VIC_Staff_Information_Sheet.pdf">VIC - Victoria</a></li>
<li><a href="../Documents/SAHCSI_Staff_Information_Sheet.pdf">SAHCSI - Kelowna</a></li>
<li><a href="../Documents/FVC_Staff_Information_Sheet.pdf">FVC - Surrey</a></li>
<li><a href="../Documents/AC_Staff_Information_Sheet.pdf">AC - Abbotsford</a></li>
<li><a href="../Documents/CN_Staff_Information_Sheet_Library.pdf">CN - Prince George</a></li>
<li><a href="http://www.bccancer.bc.ca/PPI/Library/Contacts.htm" target="_blank">Library webpage</a></li>
</ul>
</li>
<li><a href="mailto:[email protected]?subject=Request a Search" title="Request a Search">Request a Search</a></li>
<li><a href="mailto:[email protected]?subject=Request Article(s)" title="Request Articles">Request Articles</a></li>
<li><a href="http://www.bccancer.bc.ca/PPI/RecommendedLinks/default.htm" target="_blank">Recommended Websites</a></li>
<li><a href="autoalerts.html" title="AutoAlert Searches">AutoAlert Searches</a></li>
<li><a href="orientations.html" title="Staff Orientations">Staff Orientations</a></li>
<li><a href="pamphlets.html" title="May need an install from IMIT">Pamphlets Database</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="copyright.html" title="Copyright">Copyright</a></li>
<li><a href="patients_reading.html">What patients are reading</a></li>
<li><a href="patients.html" title="Services for Patients">Services for Patients</a></li>
<li><a href="archives.html">Archives</a></li>
</ul>
</li>
</ul>
</div>
<div style="clear:both;"> </div>
</div>
</div>
<div class="contentArea">
<div class="container">
<!-- InstanceBeginEditable name="Content Left" -->
<div class="contentleft">
<h1>Abstracts and Conferences</h1>
<div id="TabbedPanels1" class="VTabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"> AACR</li>
<li class="TabbedPanelsTab" tabindex="0"> ASCO</li>
<li class="TabbedPanelsTab" tabindex="0"> ASH</li>
<li class="TabbedPanelsTab" tabindex="0"> ASTRO</li>
<li class="TabbedPanelsTab" tabindex="0"> CARO</li>
<li class="TabbedPanelsTab" tabindex="0"> ECCO</li>
<li class="TabbedPanelsTab" tabindex="0"> ESMO</li>
<li class="TabbedPanelsTab" tabindex="0"> ESTRO</li>
<li class="TabbedPanelsTab" tabindex="0"> ISPOR</li>
<li class="TabbedPanelsTab" tabindex="0"> San Antonio </li>
<li class="TabbedPanelsTab" tabindex="0"> UICC</li>
<li class="TabbedPanelsTab" tabindex="0"> Finding and Citing</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<h2>AACR - <a href="http://www.aacr.org/" target="_blank">American Association for Cancer Research</a></h2>
<p>These abstracts are available in two places - from the <strong>AACR</strong> website and from the journal <strong>Cancer Research.</strong></p>
<p> </p>
<p><strong>1. Cancer Research. 2009-present</strong>. </p>
<blockquote>
<p>These abstracts were published in the journal <em>Cancer Research</em>. They can be downloaded from the journal to RefWorks.
Use Advanced Search at <a href="http://cancerres.aacrjournals.org/search" target="_blank">http://cancerres.aacrjournals.org/search</a>.
Check the "Search Only Meeting Abstracts" box. You can also limit your search to April of the year you want.</p>
<p> </p>
<p><img src="images/AACR_search_meetings.jpg" alt="Search meetings" width="226" height="55" border="1" /></p>
</blockquote>
<h3>2. <a href="http://www.aacrmeetingabstracts.org/search.dtl" target="_blank">AACR online - <strong>2004-2010</strong></a></h3>
<blockquote>
<p>This online searchable database has the capability to download to RefWorks. </p>
<p> </p>
<p>Try to avoid using the sections called <em>Specify Journals to Search </em>and <em>Specify Meetings to Search</em>. They occasionally cause the search to fail without explanation.</p>
</blockquote>
<blockquote>
<p><strong>Warning</strong>: If you download these abstracts to RefWorks, they download as 'Journal Articles'. For your own sake, you should change the Reference Type to 'Abstract'. (see below)</p>
</blockquote>
<p><strong>3.</strong> <strong>1982-2004 </strong>(Volumes 23-45)</p>
<blockquote>
<p>The BCCA VC Library has print copies of AACR abstract books. Some older versions may need to be retrieved from Storage.</p>
</blockquote>
<h3>AACR Education Book <a href="http://educationbook.aacrjournals.org/search.dtl" target="_blank">2005-current</a></h3>
<blockquote>
<p><strong>Warning</strong>: If you download these abstracts to RefWorks, they download as 'Journal Articles'. For your own sake, you should change the Reference Type to 'Abstract'. (see below)</p>
</blockquote>
<h3>RefWorks: Change Reference Type to 'Abstract'</h3>
<h3> </h3>
<p><img src="images/RW_abstracts.jpg" alt="Change the Reference Type" width="423" height="440" border="1" /></p>
<p> </p>
<h3>Webcasts of 2012 AACR Meeting</h3>
<p> </p>
<p><a href="http://www.aacr.org/page29436.aspx" target="_blank"><img src="images/AACR_2012_webcasts.jpg" alt="Webcasts from 2012 conference" width="325" height="180" border="1" /></a></p>
<p> </p>
<h3>AACR 2013</h3>
<p> </p>
<p><a href="http://www.aacr.org/home/scientists/meetings--workshops/aacr-annual-meeting-2013.aspx" target="_blank"><img src="images/AACR_2013.jpg" alt="AACR 2013" width="154" height="200" border="1" /></a></p>
<p><br />
</p>
</div>
<div class="TabbedPanelsContent">
<h3>ASCO - <a href="http://www.asco.org/" target="_blank">American Society of Clinical Oncology</a></h3>
<p><br />
These abstracts are available in two places - from the journal <strong>JCO</strong> and from the <strong>ASCO</strong> Conference website. </p>
<p> </p>
<h3>1. <a href="http://jco.ascopubs.org/search.dtl">JCO</a> - 2004-current </h3>
<p>These references can be downloaded to RefWorks. Restrict your search of JCO by ticking the box "Specify Sources to Search":</p>
<blockquote>
<p><img src="images/asco_jco.jpg" alt="" width="411" height="79" /></p>
</blockquote>
<br />
<h3>2. <a href="http://jco.ascopubs.org/search.dtl" target="_blank">ASCO</a> - 2007-current</h3>
<p> This database is searchable, <strong>but you</strong> <strong>can't download to RefWorks</strong>. You may use copy and paste to add these abstracts to RefWorks.</p>
<blockquote>
<p><a href="http://www.asco.org/ASCOv2/Meetings/Abstracts" target="_blank">2007 - 2011</a><br />
</p>
<p> </p>
<p> </p>
</blockquote>
<h3>ASCO 2013 </h3>
<h3> <strong>May 31-June 4, 2013 | McCormick Place | Chicago, Illinois</strong></h3>
<p> </p>
<p><a href="http://chicago2013.asco.org/" target="_blank"><img src="images/ASCO_2013.jpg" width="366" height="260" /></a></p>
</div>
<div class="TabbedPanelsContent">
<h3>ASH - <a href="http://www.hematology.org/" target="_blank">American Society of Hematology</a></h3>
<h3><br />
Abstracts</h3>
<p>Published in <em>Blood</em>, these abstracts can be downloaded to RefWorks.</p>
<p><a href="http://abstracts.hematologylibrary.org/content/vol118/issue21/" target="_blank">2011</a></p>
<p><a href="http://abstracts.hematologylibrary.org/content/vol116/issue21/" target="_blank">2010</a></p>
<p><a href="http://bloodjournal.hematologylibrary.org/misc/ASH_Meeting_Abstracts_Info.dtl" target="_blank">2007-current</a></p>
<p><strong><br />
Hematology, </strong>the <em><strong>Education Program Book</strong></em>.<br />
</p>
<p><em><strong><a href="http://www.asheducationbook.org/contents-by-date.0.shtml" target="_blank">Hematology</a></strong></em> is published annually by the American Society of Hematology (ASH) in one volume per year. The <em>Education Program Book</em> provides review articles from the Education Program from the ASH Annual Meeting. In this book, each chapter relates to a session presented at the meeting</p>
<p> </p>
<p><a href="http://asheducationbook.hematologylibrary.org/content/current">Current issue</a></p>
<p><a href="http://www.asheducationbook.org/contents-by-date.0.shtml">Previous issues</a>.</p>
<p> </p>
<h3>ASH 2012 - Atlanta - December 8-12, 2012</h3>
<p> </p>
<p><a href="http://www.hematology.org/meetings/annual-meeting/"><img src="images/ASH_2012.jpg" width="440" height="275" alt="ASH 2012" /></a></p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="TabbedPanelsContent">
<h3>ASTRO - <a href="https://www.astro.org/" target="_blank">American Society for Radiation Oncology</a></h3>
<h3><a href="http://www.redjournal.org/content/astro_abstracts" target="_blank">Abstracts</a> - from the annual conference</h3>
<p>These abstracts can be downloaded to RefWorks.</p>
<p> </p>
<p><a href="http://www.astro.org" target="_blank">ASTRO</a>’s role in research includes the promotion and support of basic, translational, clinical and outcomes/health services research and training in radiation oncology, biology and physics. These activities are facilitated through the ASTRO Research Council.</p>
<p> </p>
<p>Founded in 1958, ASTRO’s mission is to advance the practice of radiation oncology by promoting excellence in patient care, providing opportunities for educational and professional development, promoting research and disseminating research results and representing radiation oncology in a rapidly evolving healthcare environment.</p>
<blockquote>
<blockquote>
<blockquote>
<p><em>from:</em> <a href="http://www.astro.org/AboutUs/index.aspx" target="_blank">www.astro.org/AboutUs/index.aspx</a></p>
<p> </p>
</blockquote>
</blockquote>
</blockquote>
<h3>ASTRO 2012 - Boston - October 28-31, 2012</h3>
<p> </p>
<p><a href="https://www.astro.org/Meetings-and-Events/2012-Annual-Meeting/Index.aspx" target="_blank"><img src="images/ASTRO_2012.jpg" alt="ASTRO_2012" width="440" height="108" border="1" /></a></p>
<p> </p>
<p> </p>
</div>
<div class="TabbedPanelsContent">
<h3>CARO - <a href="http://www.caro-acro.ca" target="_blank">Canadian Association of Radiation Oncology</a></h3>
<p> </p>
<p>The abstracts are published in print, in <em><a href="http://www.sciencedirect.com/science/journal/01678140" target="_blank">Radiotherapy & Oncology</a></em>. All abstracts are listed in a .pdf document and are not downloadable to RefWorks. To add these abstracts to RefWorks or other citation managers, you must copy and paste.<br />
</p>
<p> </p>
<p>2011 not yet available (as of Mar 1/12)</p>
<p><a href="http://www.sciencedirect.com/science/journal/01678140/96/supp/S2" target="_blank">2010</a> 96 Suppl 2</p>
<p><a href="../Documents/caro_2009_green_journal_abstracts_sept2.pdf" target="_blank">2009</a> (not yet published in R&O, but the Libary has a copy in .pdf format.)</p>
<p><a href="http://tiny.cc/j4q2r" target="_blank">2008</a> 88 Suppl 1<br />
<a href="http://www.sciencedirect.com/science/journal/01678140/84/supp/S2" target="_blank">2007</a> 84 Suppl 2</p>
<p><a href="http://www.sciencedirect.com/science/journal/01678140/80/supp/S1" target="_blank">2006</a> 80 Suppl 1</p>
<p><a href="http://www.sciencedirect.com/science/journal/01678140/76/supp/S1" target="_blank">2005</a> 76 Suppl 1</p>
<p><a href="http://www.sciencedirect.com/science/journal/01678140/72/supp/S1" target="_blank">2004</a> 72 Suppl 1</p>
<p><a href="http://www.sciencedirect.com/science/journal/01678140/69/supp/S1" target="_blank">2003</a> 69 Suppl 1</p>
<p><a href="http://www.sciencedirect.com/science/journal/01678140/65/supp/S1" target="_blank">2002</a> 65 Suppl 1</p>
<p><a href="http://www.sciencedirect.com/science/article/pii/S0360301601016728" target="_blank">2001</a> These abstracts were published in <em>Int J Radiat Oncol Biol Phys;</em>50(5):1380-1418<strong>.</strong></p>
<p> </p>
<p> </p>
<h4>CARO 2012 - Ottawa - Sept 12-15</h4>
<p><img src="images/CARO_2013.jpg" width="384" height="192" /></p>
</div>
<div class="TabbedPanelsContent">
<h3>ECCO - <a href="http://www.ecco-org.eu/" target="_blank">European CanCer Organization</a></h3>
<p> </p>
<p><a href="http://www.ecco-org.eu/Conferences/Conferences/Past-conferences.aspx" target="_blank">Past Conferences</a></p>
<ul>
<li><a href="http://www.ecco-org.eu/ecco_content/ECCO16_AbstractBook/index.html" target="_blank">ECCO 16 2011</a> or <a href="http://www.ejcancer.info/issues" target="_blank">EJC Volume 47 Suppl 1</a></li>
<li><a href="http://www.ecco-org.eu/ecco_content/ECCO15_AbstractBook/index.html" target="_blank">ECCO 15 2009</a></li>
<li><a href="http://www.ecco-org.eu/ecco_content/ECCO14_AbstractBook/index.html" target="_blank">ECCO 14 2007</a> or CD-ROM in Library: QZ200 E88 2007 vol. 2</li>
<li><a href="http://www.ecco-org.eu/ecco_content/ECCO13_abstractbook/index.html#/1/zoomed" target="_blank">ECCO 13 2005</a> or CD-ROM in Library: QZ200 E88 2005 vol. 2</li>
</ul>
<p>Education Books</p>
<ul>
<li>ECCO 15 2009 <a href="http://www.ejcancer.info/issues" target="_blank">EJC Volume 45 Suppl 1</a> or CD-ROM in Library: QZ200 J74 2009</li>
<li>ECCO 14 2007 CD-ROM in VC Library: QZ200 E88 2007 vol. 1</li>
<li>ECCO 13 2005 CD-ROM in VC Library: QZ200 E88 2005 vol. 1</li>
</ul>
<h3>ECCO 2013</h3>
<p> </p>
<p><a href="http://eccamsterdam2013.ecco-org.eu/" target="_blank"><img src="images/ECCO_2013.jpg" width="384" height="165" border="1" /></a></p>
</div>
<div class="TabbedPanelsContent">
<h3>ESMO - <a href="http://www.esmo.org/" target="_blank">European Society for Medical Oncology</a></h3>
<p><a href="http://www.esmo.org/education-research/abstracts-virtual-meetings-and-meeting-reports.html">List of meetings</a></p>
<p> </p>
<p><a href="http://www.esmo.org/education-research/educational-books.html" target="_blank">ESMO Educational books</a></p>
<p>ESMO 36 2011 European Journal of Cancer <a href="http://www.ecco-org.eu/ecco_content/ECCO16_AbstractBook/index.html">47 Suppl 1</a></p>
<p>ESMO 35 2010 : Annals of Oncology <a href="http://annonc.oxfordjournals.org/content/21/suppl_8" target="_blank">21 Suppl 8</a> (Milan)</p>
<p>ESMO 34 2009 European Journal of Cancer Supplements <a href="http://www.ecco-org.eu/ecco_content/ECCO15_AbstractBook/index.html">7(2) Sept 2009</a> (Berlin)</p>
<p>or <a href="http://www.ejcancer.info/issues" target="_blank">EJC Volume 45 Suppl 1</a></p>
<p>ESMO 33 2008 Annals of Oncology <a href="http://annonc.oxfordjournals.org/content/19/suppl_8.toc">19 Suppl 8</a> (Stockholm)</p>
<p>ESMO 32 2007 Annals of Oncology <a href="http://www.ecco-org.eu/ecco_content/ECCO16_AbstractBook/index.html" target="_blank">18 Suppl 9</a> (Lugano)</p>
<p>ESMO 31 2006 Annals of Oncology <a href="http://annonc.oxfordjournals.org/content/17/suppl_9.toc?etoc" target="_blank">17 Suppl 9</a> (Istanbul)</p>
<p>ESMO 29 2004 Annals of Oncology <a href="http://annonc.oxfordjournals.org/content/15/suppl_3.toc" target="_blank">15 Suppl 3</a> (Vienna)</p>
<p> </p>
<h3>ESMO 2013 Amsterdam</h3>
<p> </p>
<p><a href="http://eccamsterdam2013.ecco-org.eu/" target="_blank"><img src="images/ECCO_2013.jpg" width="384" height="165" border="1" /></a></p>
</div>
<div class="TabbedPanelsContent">
<h3>ESTRO - <a href="http://www.estro.org" target="_blank">European Society for Therapeutic Radiology and Oncology</a></h3>
<p> </p>
<p>Many of these abstracts are published in the green journal,<em> Radiotherapy & Oncology</em>. Some of the <a href="http://www.estro-members.org/publications/Pages/AbstractBooks.aspx" target="_blank">abstract books</a> are also available for download from the ESTRO website.</p>
<p>You can't download these abstracts to RefWorks.</p>
<p> </p>
<table width="479" border="0" cellspacing="1" cellpadding="3">
<tr align="left">
<th width="33" scope="row">2011*</th>
<td width="135">30th Annual Meeting</td>
<td width="289"><p>European Journal of Cancer <a href="http://www.ecco-org.eu/ecco_content/ECCO16_AbstractBook/index.html">47 Suppl 1</a></p></td>
</tr>
<tr align="left">
<th scope="row">2010</th>
<td>29th Annual Meeting</td>
<td><a href="http://www.estro-events.org/Documents/ESTRO29_report.pdf" target="_blank">Abstracts</a> (Barcelona) </td>
</tr>
<tr align="left">
<th valign="top" scope="row">2009*</th>
<td valign="top">28th Annual Meeting</td>
<td>(abstracts not available)(ECCO15 / ESTRO 28), Berlin 20-24 September, 2009?)</td>
</tr>
<tr align="left">
<th scope="row">2008</th>
<td>27th Annual Meeting</td>
<td>Radiotherapy & Oncology <a href="http://www.estro-members.org/publications/Documents/ESTRO2720AbstractBook.pdf" target="_blank">88 Suppl 2</a></td>
</tr>
<tr align="left">
<th scope="row">2007*</th>
<td>26th Annual Meeting</td>
<td>(abstracts not found)</td>
</tr>
<tr align="left">
<th scope="row">2006</th>
<td>25th Annual Meeting</td>
<td>Radiotherapy & Oncology <a href="http://www.sciencedirect.com/science?_ob=PublicationURL&_tockey=#TOC#5155#2006#999189999.8 998#665740#FLT#&_cdi=5155&_pubType=J&_auth=y&_acct=C000054470&_version=1&_urlVersion=0&_us erid=1766625&md5=971c04d2d708ca04155e86c400b96821" target="_blank">81 Suppl 1</a></td>
</tr>
<tr align="left">
<th scope="row">2005*</th>
<td>24th Annual Meeting</td>
<td>(abstracts not found)</td>
</tr>
<tr align="left">
<th scope="row">2004</th>
<td>23th Annual Meeting</td>
<td><a href="http://www.estro-members.org/publications/Documents/2AbstractbookESTRO23.pdf" target="_blank">online abstract book</a></td>
</tr>
<tr align="left">
<th scope="row">2003*</th>
<td>22th Annual Meeting</td>
<td>(abstracts not found)</td>
</tr>
<tr align="left">
<th scope="row">2002</th>
<td>21th Annual Meeting</td>
<td>Radiotherapy & Oncology <a href="http://www.sciencedirect.com/science/journal/01678140/64/supp/S1" target="_blank">64 Suppl 1</a></td>
</tr>
<tr align="left">
<th scope="row">2001</th>
<td>20th Annual Meeting</td>
<td>(abstracts not found)</td>
</tr>
<tr align="left">
<th scope="row">2000</th>
<td>19th Annual Meeting</td>
<td>Radiotherapy & Oncology <a href="http://www.sciencedirect.com/science/journal/01678140/56/supp/S1" target="_blank">56 Suppl 1</a></td>
-
Can anyone tell me how to target a specific Spry tab from an
external link?This is the correct answer - thanks. - searched all day for this
In the head JS tag add the following after
var dsCities = new Spry.Data.XMLDataSet("xml/{dsStates::url}", "state/cities/city");
var statenum = 20; // Sets dsStates to the 21st node value = MA Massachusetts - observer will default the dsCities to massachusetts.xml
// add an array search to return the index for statenum
dsStates.addObserver({ onDataChanged: function(ds, type) { dsStates.setCurrentRowNumber(statenum); } });
There should be a a cookbook on SPRY of popular needed functions - the samples are fragments but it takes a lot of work, the hard way to learn and piece it together.. -
Spry Tab Panel is not working properly on remote server
Hello All,
I have a problem with spry tab panel, it is not displaying image in the background when it is active, it is working properly in local server but when i upload to remote it vanishes.
Here is the link
http://www.geftas.com/temaritestpage/about.html
Also I am uploading Css and html code below
Any help would be exteremely appreciated.
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf8"/>
<meta http-equiv="content-type" content="cache" />
<meta http-equiv="robots" content="INDEX,FOLLOW" />
<meta http-equiv="keywords" content="Enter Keywords"/>
<meta http-equiv="description" content="Description Here" />
<title>TEMARI&CO. | Business Strategists</title>
<link href="css/about.css" rel="stylesheet" type="text/css" media="screen" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navigation">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html" class="current">ABOUT</a></li>
<li><a href="#" class="MenuBarItemSubmenu">CONSULTING</a>
<ul>
<li><a href="#">Business Plan</a></li>
<li><a href="#">Marketing Plan</a></li>
<li><a href="#">Incorporation</a></li>
<li><a href="#">Accounting System</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">INDUSTRIES</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#">OUR PROCESS</a></li>
<li><a href="#">CAREERS</a> </li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div class="shadow" id="content">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">values</li>
<li class="TabbedPanelsTab" tabindex="0">people</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="scrolltext">
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. N</p>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="scrolltext">
<h1>Heading1</h1>
<p>Lorem n, </p>
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit amet, , </p>
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit a, </p>
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit amet, </p>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="legal">
<ul>
<li>Copyright © 2012 Temari&Co</li>
<li>| Privacy Policy |</li>
<li>Terms of Use</li>
</ul>
</div>
<div id="socialmedia">
<ul>
<li><img src="images/fbicongri.png" width="20" height="20" alt="fbicon" /></li>
<li><img src="images/gicongri.png" width="20" height="20" alt="gicon"/></li>
<li><img src="images/linkedinicongri.png" width="20" height="20" alt="linkedin"/></li>
<li><img src="images/twittericongri.png" width="20" height="20" alt="twitter"/></li>
</ul>
</div>
</div><!-- end footer-->
</div><!-- end wrapper-->
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
.TabbedPanels {
overflow: hidden;
margin: 0px;
padding: 0px;
clear: none;
width: 100%;
height:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
.TabbedPanelsTab {
position: relative;
float: left;
background-color: #FFF;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #666;
height: 30px;
width: 116px;
text-transform: uppercase;
text-align: center;
line-height: 30px;
margin: 0px;
padding: 0px;
.TabbedPanelsTabHover {
background-image: url(../../SUPEROLDU/images/menubaractive.png);
background-repeat: repeat-x;
color: #FFF;
.TabbedPanelsTabSelected {
background-image: url(../../SUPEROLDU/images/menubaractive.png);
background-repeat: repeat-x;
color: #FFF;
height: 30px;
width: 116px;
.TabbedPanelsTab a {
color: black;
text-decoration: none;
.TabbedPanelsContentGroup {
clear: both;
background-color: #FFF;
height: 100%;
width: 824px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
.TabbedPanelsContent {
height: 100%;
width: 100%;
overflow:hidden;
.TabbedPanelsContentVisible {
.VTabbedPanels {
overflow: hidden;
zoom: 1;
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
background-color: #EEE;
position: relative;
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
/* Styles for Printing */
@media print {
.TabbedPanels {
overflow: visible !important;
.TabbedPanelsContentGroup {
display: block !important;
overflow: visible !important;
height: auto !important;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
.TabbedPanelsContent {
clear:both !important;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 744px;
.TabbedPanelsTab {
overflow: visible !important;
display: block !important;
clear:both !important;Hi
Please Upload SpryTabbed Panels.css and menubaractive.png to their respective remote directories/folders.
The images have not been uploaded at all, the online CSS is the one without a link to the images
Regards
Adaan Pre-Media Services
For more image editing services follow us @
web designing services -
More than one spry tabbed panels
Hi,
On my index page I have a tabbed panel with it own css (size,
color, etc.)
I would like to insert another tabbed panel on another page
(tabbed panel2). I would like this to have its own css style
(different size, color scheme, etc.)
When I insert a spry tabbed panel in dreamweaver it
automatically takes on the css of my original tab panel design! How
can I let the second tabbed panel take on its own life, completely
independent of the first one?
Thank you."chris.cavage" <[email protected]> wrote in
message
news:gnuk7l$hoj$[email protected]..
> How can I let the second tabbed panel
> take on its own life, completely independent of the
first one?
Create a second set of CSS rules for it. The easiest way is
to make a
copy of SpryTabbedPanels.css, and call it
SpryTabbedPanels2.css. Link
SpryTabbedPanels.css to the original page, and
SpryTabbedPanels2.css
to the page that you want to look different.
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com -
How do I add the ClearCache argument to a tab's url?
How do I add the ClearCache argument to a tab's url? When I click on a tab, I want to clear the page items values.
Adrian,
Okay, first realize that when you press a standard tab, it's just like a button that submits whatever page you're on. Then the on-submit-before-computation processes and after-submit computations on that page fire. Then the page defined as the target for the pressed tab is redirected-to. There is no way to alter the target URL of that branch generically for the tab. Consider a tab T. Say you've defined that tab to go to page 20. if you are viewing page 2 and press tab T, page 2 gets submitted and then the engine redirects to page 20 as the target. A similar thing happens if you are viewing page 3, i.e., page 3 will get submitted and you'll get redirected to page 20.
So, the only way I know of to do what you asked is to create an application-level process that fires on-submit-before-computations that examines the current page ID and request value (which will identify the tab pressed) and then would clear cache for one or more pages as you require. Since this would fire before the tab-associated branch, it should produce the result you described.
Scott -
Spry tabbed panels, all content showing on one page, please help?
Hi there,
I'm developing a website for my friend and i'm using DW CS5 spry tabbed panels. Everything looks great in DW but when i load the page to the server all of the content shows as one page and i can't navigate through tabs.http://dndperspective.co.cc/
I'll give you the whole code, I am fairly experienced in html but have never used spry before, so it may be a silly mistake. Any Suggestions?
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DND Perspective</title>
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #2B3856;
.style1 {
color: #FFFFFF;
.style4 {
color: #FFFFFF;
font-size: 36px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
margin-left: 250px;
.style5 {color: #CCCCCC}
.style11 {
font-size: 18pt;
font-style: italic;
a:link {
color: #FFFF00;
a:visited {
color: #000000;
a:hover {
color: #000033;
-->
</style></head>
<body>
<div align="center">
<p align="left" class="style4">DND </p>
</div>
<p align="left">
<img style="border:6px inset #545565; margin-left: 150px; margin-bottom: 50px;" src="newbanner.jpg" width="701" height="244" /> </p>
<p align="center">
<p align="center">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" >
<li class="TabbedPanelsTab" tabindex="0"><img src="images/homebar.jpg" width="125" height="50" /> </li>
<li class="TabbedPanelsTab" tabindex="0"><img src="images/aboutbar.jpg" width="125" height="50" /></li>
<li class="style11 TabbedPanelsTab" tabindex="0"><em><img src="images/servicesbar.jpg" width="125" height="50" /></em></li>
<li class="TabbedPanelsTab style11" tabindex="0"><img src="images/gallerybar.jpg" width="125" height="50" /></li>
<li class="TabbedPanelsTab style11" tabindex="0"><img src="images/pricingbar.jpg" width="125" height="50" /></li>
<li class="TabbedPanelsTab style11" tabindex="0"><img src="images/contactbar.jpg" width="125" height="50" /></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent style1">
<div align="center">
<p class="style11">Welcome to DND </p>
<p>We are so glad you took the time to visit our site during your busy planning schedule. We have tried to make this site as user friendly as possible so you can get back to planning your big day. We provide straight foward and dependable services so you've got nothing to worry about.</p>
<p>We are located in Rhode Island, but service Massachusetts and Connecticut as well. </p>
<p>Please visit our services page to discover all photography sessions we have available such as:</p>
<p>Wedding Photography</p>
<p> Engament Photos</p>
<p>Senior Portraits </p>
<p>Anniversary</p>
<p>& More!!!</p>
<p> </p>
</div>
</div>
<div class="TabbedPanelsContent">
<p class="style1"><strong><u>S.W</u></strong> -<em> Owner and Photographer</em>. For more information about her please click <a href="Untitled-11.pdf">here</a>!
</div>
<div class="TabbedPanelsContent">Under Construction...</div>
<div class="TabbedPanelsContent">Under Construction....</div>
<div class="TabbedPanelsContent style1">
<p>We hear at DND understand that packages and pricing may not provide the precise accomadations to fit you unique and carefully planned big day. We are very open and happy to discuss with you an individual catered package or plan that fits your style and most of all your budget. Whether you need us for just an hour or a full day we want to make your day as special as possible. We have services available starting at just $200.00. Below you will find our most popular packages, printing prices &
packages, custom videos, thank you cards and albums.</p>
<hr width="50%" align="left" />
<p><strong>Package 1 - $500.00</strong></p>
<p>3 Hours; 1 location - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
<p><strong>Package 2 - $575.00</strong></p>
<p>3 Hours; 2 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
<p><strong>Package 3 - $700.00</strong></p>
<p>4 Hours; 3 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
<p>*Each additional hour or location available for $100.00. Locations beyond 20 miles will require additional fees. Additional DVD priced at $25.00 each.</p>
<hr width="50%" align="left" />
<p><strong>Prints</strong>: (Fine Art High Quality)**</p>
<p>Individual prices: 8"x10" = $12.99; 10"x13" = $19.99; 2 - 5"x7" = $12.99; 4 - 4"x6" = $11.99</p>
<p>(Custom sizes available - Custom framing available)</p>
<p><strong>Package 1:</strong></p>
<p>3 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $50.00</p>
<p><strong>Package 2:</strong></p>
<p>5 - 8"x10"; 6 - 5"x7"; 6 - 4"x6" = $90.00</p>
<p><strong>Package 3:</strong></p>
<p>8 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $125.00</p>
<p><strong>Package 4:</strong> (Basic Prints)</p>
<p>Any 100 photos printed 4"x6" = $100.00</p>
<hr width="50%" align="left" />
<p><strong>Custom video:</strong>**</p>
<p>Any 100 photos put to royalty-free music = $50.00</p>
<hr width="50%" align="left" />
<p><strong>Custom thank you cards for your guests:</strong>**</p>
<p>300 cards - 4"x6" = $350.00</p>
<p>100 cards - 4"x6" = $150.00</p>
<hr width="50%" align="left" />
<p><strong>Custom Albums Available: </strong>(prices vary - special order)</p>
<p>Bride & Groom Albums</p>
<p>Parent Albums</p>
<hr width="50%" align="left" />
<p>**Please be aware that your DVD will be available within a week; Web Gallery within 5-7 business days; Prints, Cards or Video within 2-6 weeks. Thank you!</p>
</div>
<div class="TabbedPanelsContent style5">
<p> Contact DND Perspective:</p>
<p>The best way to reach us is via email .</p>
<p>You can alternately reach us anytime at ...!</p>
</div>
<div class="TabbedPanelsContent">
<div align="center">
<p><span class="style1">About Info</span></p>
<p> </p>
</div>
</div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B
Maybe you are looking for
-
Hi, I install the version 6 update 2 on my Solaris 7 sparc, with the demo license. But when I try to use cc I got this error License Error : Licensing product (Sun WorkShop Compiler C SPARC). License File: /opt/SUNWspro/bin/../WS6U2/bin/../../license
-
FND_STANDARD.SET_WHO is not working in custom form
Hi, I have a custom form and in that to update the WHO columns I used "FND_STANDARD.SET_WHO;" in block level in "PRE_INSERT" and "PRE_UPDATE" triggers. But it is not working. Any ideas on this? can this be because of a missing library? I can see appc
-
Another problem with audio dropouts in PrE 10
G'day All, Earlier this year I had a problem with Premiere Elements where audio files from AVC HD clips dragged in from my camcorder were dropping out. http://forums.adobe.com/message/4267924#4267924 Bill Hunt was able to help me out at the time by c
-
How to fill out POST HTML forms from my Java Application?
Hi - I am writing a little Java GUI program that will allow a user to fill out data from the GUI and then submit that data. When they submit the data (two text fields) I want to take the two text fields and submit them via the POST form method of a H
-
My macpro is running slow ever since I installed leopard! I checked HD w/tech-tool and was told to download the disk. Ran disk at which point it showed discrepancies in catalogue B info and catalogue B extents. I then ran repair, at which it showed n