Loading spry PageViewDataSet.
http://www.triniscene.com/tsv7/galleries/?page=display&id=GAL3D981E
the above url works in FF but not in IE (i'm using IE 7)....
basically i have 2 xmldatasets and page view dataset the
paged view dataset is populated via the second xml dataset which in
turn is loadData() when the 1st xml dataset onPostLoad is
triggered.
IE is not reporting any errors and the xml itself is valid. I
cannot see no other reason for it not being populated.
wany ideas on what the problem could be?
Kendall
is there a more elaborate reason for an onLoadError?
Could be something with the compressed versions of the js you
are using.
Give the regular versions a try and see if that does anything
for IE.
Similar Messages
-
HTML TAG ISSUES WHEN LOADING SPRY
hello. i'm having some issues when loading spry pages, the
<a href> tags within the fragments of html pages that i'm
loading with spry are deactivating themselves
http://www.asiwouldsay.com/TEST/"
the zine link is a good example of this as well as some of
the artist pages when adding more html text the back buttons
created stop working. all the pages work when loaded by itself but
not as spry fragments.
any help? i'm going crazy over here :)
Thanks in advanceThe links aren't deactivated, what's happening is that your
nav bar at the bottom (apDiv2) is absolutely positioned. When you
load the zine page, the container you load it into is stretching to
accomodate the zine content, and goes *underneath* your nav bar.
Now when you click on what looks like a link, your nav bar is
actually intercepting the click event.
You can see what I mean by giving your nav bar a background
color.
--== Kin ==-- -
I'cant load SPRY content into a Frame
HOw can i load spry content into a frame.. i wrote a code..
and in the preview version works.. but when i upload to server..
it's not working.. this my code.. thk
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Copyright (c) 2006. Adobe Systems Incorporated. All
rights reserved. -->
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Collapsible Panel Group Sample</title>
<script language="JavaScript" type="text/javascript"
src="widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
<script language="JavaScript" type="text/javascript">
function load_content ()
if (parent.document.getElementById('main_div')) {
parent.document.getElementById('main_div').innerHTML=document.getElementById('inner_frame ').innerHTML;
if (!parent.document.getElementById('main_div')) {
window.location=('index.html') ;
</script>
<link
href="widgets/collapsiblepanel/SpryCollapsiblePanel.css"
rel="stylesheet" type="text/css" />
<link href="css/samples.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
#cp1 .CollapsiblePanelContent {
overflow: scroll;
height: 300px;
.CollapsiblePanel {
width: 300px;
.CollapsiblePanelTab {
font-size: 1em;
</style>
</head>
<body onload="load_content()">
<h3>Collapsible Panel Group Sample</h3>
<p>By default the panels in a collapsible panel group
are open.</p>
<div id="inner_frame">
<div id="CollapsiblePanelGroup1"
class="CollapsiblePanelGroup">
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel
23</div>
<div class="CollapsiblePanelContent">
<p>Test 1.</p>
</div>
</div>
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel
2</div>
<div class="CollapsiblePanelContent">
<p>test 2</p>
</div>
</div>
<div class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Panel
3</div>
<div class="CollapsiblePanelContent">
<p>test 3</p>
</div>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
var cpg1 = new
Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", {
contentIsOpen: false });
</script>
</body>
</html>Im not sure if i'm doing it right, but it wont work for me
var scriptEle= document.createElement("script");
scriptEle.text = s;
ele.appendChild(scriptEle);
is this the exact code witch i have to replace the old one
with?
i also added the
Spry.Data.initRegions(ele);
on the end of the Spry.Utils.setInnerHTML function
i havent included the spry related javascripts in the main
page could tha be a problem?
actually i've tried to but it did'nt help
really thanx tha you willing to help -
Ajax load spry/xml dataset....
I'm a noob. And a very frustrated one.
I am using Ajax to load an external page into my main site.
The external page has XML/Spry data attached to it. The page loads
fine when executing the Ajax request, but the page will not display
the XML data. Any ideas? Do I need to embed the xml? How do I
attach the xml to my main page?Do the scripts get loaded when u do the request?, is the page
working when u don't do a request?
Got a url to show? or code snippet? Using 1.6.1? -
Using spry:state="loading" only after a certain interval
Hi everyone ,
I need a feature for spry regions. I want my loading spry state to show only loading of data takes 0.5 seconds and more.
Is it possible with this version of spry?
Ps1 : you can find a live example of my need in google webmaster tools' content section,content by title page. There is an ajax listview with paging on page and loading div only apeears if loading of data takes more than a certain milliseconds.
Ps2 : Spry rulezzzzvw2ureg wrote:
Hi,
Go here and scroll down to ErrorState, LoadingState and ReadyState.
I hope this helps.
Ben
That will only tell Spry that it should should use different "state" as loading state. But it doesn't display a loading state after a certain interval. This functionality does not exist in the Spry library. But you could create a custom "loading" state that you automatically trigger using setTimeout if your haven't gotten a onPostUpdate through your region observer.
But i'm curious why you would wanna do create a have the loading state after a certain interval. -
Using jQuery plugin with spry framework
I am trying to integrate jQuery countdown plugin to my old spry pages:
http://keith-wood.name/countdown.html
However, it seems that spry kills jQuery plugin.
I am sure the jQuery countdown plugin works well without loading spry js.
Please tell me hot to use both spry and jQuery on the same page.
ThanksIt is quite possible that the two will clash.
But I have a problem in helping you because the page that you quoted does not contain Spry nor is there a Spry.js file.
Please explain what it is that you want to do.
Gramps -
Pemanent link to specific spry tab
Hi,
I have a webpage that containd dynamically loaded spry tabs.
I need to creat a permanent link to a specific tab on that page
from my server for a different domain. What I have been tryiong to
do is write a normal link to use for this, something like:
http://
www.XXX.com?TabbedPanels1.showPanel(13);getPage('FrameSiten', '
http://XXX.com/directory/index.php'
but of course that will not work...
The tab is setup like this :
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="9"
onClick="getPage('FrameSiten', '
http://XXX.com/directory/index.php')">Directory</li>
Can anyone please help me with this as I have now searched
hundreds of pages on the web and found nothing that I can make
sence of...
ThanksAdd something like this under your tabbed panels constructor;
if(params.panel){
switch(params.panel){
case 1: getPage('FrameSiten', 'directoryindex.php');
break;
case 2: getPage('FrameSiten', 'whatever.php');
break;
case 3: getPage('FrameSiten', 'whatever.php');
break;
case 4: getPage('FrameSiten', 'whatever.php');
break;
case 5: getPage('FrameSiten', 'whatever.php');
break;
case 6: getPage('FrameSiten', 'whatever.php');
break;
default: null;
break;
(change the getPage to the event that matches the tab
number) -
Append data rows to spry dataset
Hello,
Is thre anyway to append data to already loaded spry dataset?
so that the rows displayed in spry area will automatically updated.
ie, my plan is to load and xml to a dataset and again append
some more data to the dataset on request .
please help...
thanks,
devloshHi Devlosh,
Here's a possbile way to accomplish this. You'll need to
write a few lines of code but the steps are as follows.
Intro:
There are currently two datasets types that can be used with
spry:regions. One is the basic DataSet (uses data that a developer
is feeding it) and the other is the XMLDataSet (takes its data from
an XML file, using XPath to filter the rows).
Steps:
1. You'll have to use a basic DataSet for displaying the
records. Instantiate one on the page (don't feed any data to it)
and then build your markup (spry:region / spry:repeat that uses
this DataSet). A basic sample on how a simple DataSet is used is
presented here:
http://labs.adobe.com/technologies/spry/samples/DataSetSample.html
2. Use a second XMLDataSet that points to the server files
that brings chunks of data (5 records at a time):
"getData.cfm?start=1".
3. Register a function as an observer for the XMLDataSet for
the "onPostLoad" event (here's a sample of using observers:
http://labs.adobe.com/technologies/spry/samples/DataSetObserver.html).
This function should get the data from the XMLDataSet and attach it
to the data in the first DataSet. Like this:
//ds1 is the DataSet, ds2 is the XMLDataSet
var start = ds1.data.length;
// get data from XMLDataSet and feed it to the DataSet used
to display in spry:regions
for (var idx = 0; idx < ds2.data.length; idx++)
var row = ds2.data[idx];
row['ds_RowID'] = (start + idx);
ds1.dataHash[row['ds_RowID']] = row;
ds1.data.push(row);
// call loadData on ds1 to trigger the display of data
ds1.loadData();
4. Right after the instantiation of this XMLDataSet, call
ds2.loadData(); in order to trigger the downloading of the first
chunk of data
5. Build a "Get Next Data" button and call a function that
does:
ds2.setURL('getData.cfm?start=[NEXT_START]');
ds2.loadData();
Hope this helps you,
Best regards,
Dragos -
Spry optimization for search engines
I read in this post on the Dreamweaver forums (
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=12&catid=189&threadid =1272744&enterthread=y
) that data loaded by Spry is not available to search engines to
index. Is there a relatively simple way to make that data available
to the search engines? I know one poster mentioned a PHP call into
a hidden div but I am not sure how you would accomplish that. Any
help would be greatly appreciated.
If anyone has a better suggestion of how to access my data
you can view the page in progress at
3andband.com/TestSite/iframeTest.html
note: The menu bar is currently only a placeholder image.
Also, I am using an iframe because I need to maintain the
persistance of the music player.
One more question, would the spry:state property be capable
of providing any sort of loading message will the content of the
iframe loads? Since it is loading spry data.
Thanks!Hello Bonniechester, '''try Firefox Safe Mode''' to see if the problem goes away. [[Troubleshoot Firefox issues using Safe Mode|Firefox Safe Mode]] is a troubleshooting mode that temporarily turns off hardware acceleration, resets some settings, and disables add-ons (extensions and themes).
'''If Firefox is open,''' you can restart in Firefox Safe Mode from the Help menu:
* Click the menu button [[Image:New Fx Menu]], click Help [[Image:Help-29]] and select ''Restart with Add-ons Disabled''.
'''If Firefox is not running,''' you can start Firefox in Safe Mode as follows:
* On Windows: Hold the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* On Mac: Hold the '''option''' key while starting Firefox.
* On Linux: Quit Firefox, go to your Terminal and run ''firefox -safe-mode'' <br>(you may need to specify the Firefox installation path e.g. /usr/lib/firefox)
When the Firefox Safe Mode window appears, select "Start in Safe Mode".
;[[Image:SafeMode-Fx35]]
'''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, theme, or hardware acceleration. Please follow the steps in the [[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]] article to find the cause.
''To exit Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
When you figure out what's causing your issues, please let us know. It might help others with the same problem. -
Trying to make some spry unobtrusive to w3c validation. Very
little experience in java programming and can't figure out how to
fix it.
I got some testimonials displaying on our homepage, rotating
randomly. The spry:region and spry:repeat both don't validate and
can't 'extend' document type to include cause of the text appearing
at the top of the page.
Here is the <div> giving me problems. I just don't know
how to break it out into a seperate .js
<div spry:region="dsquotes" spry:repeat="dsquotes"
id="QOTDRegion">
<div class="quote">
<div id="quotebox">
<div
id="testimonial"><em>{testimonial}</em></div><br
/>
<div id="from"> - {from}</div></div>
<a href="testimonials.php" title="Testimonial Page Link"
target="_self" class="style18">To see all the testimonials click
here</a><br /><br />
<br />
<h1 class="style11"> <!--#exec
cmd="date"--></h1>
<br />
</div>
</div>
Any help would be appreciated. Thanks in advance.Yea. I have seen that and have tried several ways to piece it
all together, but I am using borrowed code that I don't completely
understand to start with and although I think I understand what is
being done, it doesn't want to work when I try it.
This is within the main page of the document which rotates
the testimonials:
<script language="javascript" type="text/javascript">
<!--
var dsquotes = new
Spry.Data.XMLDataSet("/comments/comments.xml","/Quote_List/quote");
rotateInterval = 7500;
function rotateQOTD(){
//don't go any further is there aren't any quotes
if (!quotes|| quotes.length<1)
return;
//create a variable that will point to the current quote
element
var curEle;
/*we are add a current index property to our quotes only
once since the next time
the function is called it will exist*/
if (typeof quotes.curIndex == "undefined")
quotes.curIndex = quotes.length - 1;
else
curEle = quotes[quotes.curIndex];
//here we increment the current index by one using mod
quotes.curIndex = (quotes.curIndex+1)%quotes.length;
var nextEle = quotes[quotes.curIndex];
//run the fade effect on the current and next element and
prepare the timer to run on the next element.
if (curEle)
Spry.Effect.DoFade(curEle, { from: 100, to: 0 });
Spry.Effect.DoFade(nextEle, { from:0, to: 100, finish:
function(){ setTimeout(function(){ rotateQOTD(); },
rotateInterval); } });
function dateLoadedCallback(notificationType, notifier, data)
//this observer function is called for every type of
notification but we are only interested in the onPostUpdate
if (notificationType =="onPostUpdate"){
//we grab the number of quote div's (this is only available
after the data is finished loading)
quotes = Spry.$$(".quote");
//call our rotate function
quotes.curIndex = Math.floor(Math.random()*quotes.length);
rotateQOTD();
//set up an observer to run on the databound region
Spry.Data.Region.addObserver("QOTDRegion",dateLoadedCallback);
-->
</script>
And this is where its displayed on the page :
<div spry:region="dsquotes" spry:repeat="dsquotes"
id="QOTDRegion">
<div class="quote">
<div id="quotebox">
<div
id="testimonial"><em>{testimonial}</em></div><br
/>
<div id="from"> - {from}</div></div>
<a href="testimonials.php" title="Testimonial Page Link"
target="_self" class="style18">To see all the testimonials click
here</a><br /><br />
<br />
<h1 class="style11"> <!--#exec
cmd="date"--></h1>
<br />
</div>
What would seem obvious would be to remove :
<div spry:region="dsquotes" spry:repeat="dsquotes"
id="QOTDRegion">
and replace with <div id="QOTDregion">
and then put this inside .js file being loaded :
Spry.Utils.addLoadListener(function()
// Attach the spry namespaced attributes unobtrusively.
Spry.$$("#QOTDregion").setAttribute("spry:region",
"dsquotes");
Spry.$$("#QOTDregion").setAttribute("spry:repeat",
"dsquotes");
Spry.Data.initRegions();
However this does not work and I don't know why.
I have also tried moveing all load of the data and all the
functions for rotating it into the .js file as well, but this
didn't work either, again, not sure why.
</div> -
Using a static option with select dropdown
I have a <select> dropdown menu in a Spry (master)
region which controls the content in a Spry detail region. Both
regions are based on the same dataset. When I select an option from
the dropdown, additional details about the record are displayed in
the detail region. So far, so good.
I want to have the first option in the <select> be a
static one like "Please select . . ." It's easy enough to add that
option, but when the dataset is loaded, Spry displays the details
for the first record of the dataset in the detail region -- even
though only the static option is selected in the master region. (I
guess that when the dataset is loaded, Spry sets
ds_CurrentRowNumber to 0 which is the reference for the first
record.) What I want to have happen is that when "Please select . .
." is displayed in the <select>, I want the fields for the
detail region to be blank (instead of loading information from the
first record). How can I accomplish this?This is a Spry-driven widget I wrote. Unfortunately it's not
documented:
http://www.massimocorner.com/libraries/spry/spry_select/sample.htm
Maybe it's worth a try
Massimo Foti, web-programmer for hire
Tools for ColdFusion and Dreamweaver developers:
http://www.massimocorner.com -
How to insert jquery in DW cs6?
Hi there,
I am trying to create an automatic fading slideshow for my company's website using dw cs6 and i'm trying not to use any plug ins. Is it not possible to load Spry Assests into the css coding in cs6? I can't seem to locate the Spry Assets folder and so the coding i'm using fails to work. Should I be using JQuery instead? I don't know where and how to locate it in my dreamweaver files. Is it somewhere under the Configuration folder? Is there a direct link I can use to load it?
Thank you for your help.is there anyway to create slideshows without plug ins in dw cs6?
No. But jQuery plugins are nothing to be afraid of. They're a great way to add advanced web features without a lot of manual coding.
Copy & paste this code into a new, blank document. SaveAs cycle_test.html. Change images to your own. That's all there is to it.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow {margin:0 auto; width:50%;}
.cycle-slideshow img {max-width:100%}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>
<!--begin slideshow-->
<div class="cycle-slideshow"
data-cycle-pause-on-hover='true',
data-cycle-speed='1000'
>
<!--your images go here-->
<img src="http://malsup.github.com/images/beach1.jpg">
<img src="http://malsup.github.com/images/beach2.jpg">
<img src="http://malsup.github.com/images/beach3.jpg">
<img src="http://malsup.github.com/images/beach4.jpg">
<img src="http://malsup.github.com/images/beach9.jpg">
<!--end slideshow-->
</div>
</body>
</html>
Nancy O. -
Error code Please help.
When I am creating a new CSS style sheet file I get a Java Script error while loading Spry Data Set.htm:
At line 204 of fileC:\ProgramFiles(x86)\Adobe\AdobeDreamweaverCS5\Configuration\Commands\InsertDiv.js"; out of memory
Can anyone tell me what I can do to fix this. I am unable to create the website correctly and I need to get this done right away.What is the spec of your machine?
Operating System - Windows 7/Windows 8;
Memory: 4GB, 8GB
DW version CS5, CS 5.5, CS6;
Also have you tried creating a blank file in Notepad and saving it in your site's CSS folder and then attaching it to your page/template?
Hope this gives you something to think about. -
2 selects related and filter table
I have a few issues I hope some of you can help.
First I have 2 selects, first loaded with HTML and the second
off the onChange of the first. For some reason the onChange doesnt
always call the repopulation of the first.
<script type="text/javascript"
src="/scripts/spry/xpath.js"></script>
<script type="text/javascript"
src="/scripts/spry/SpryData.js"></script>
<script type="text/javascript">
var dsTyres = new Spry.Data.XMLDataSet("tyresXML.cfm",
"/tyres/tyre");
var dsSeries = new
Spry.Data.XMLDataSet("seriesXML.cfm?brandid={dsTyres::brandID}",
"/series/series");
Brand:<cfselect name="brand_filter" query="getBrand"
queryposition="below" value="tyreBrandID" display="TyreBrand"
onChange="dsTyres.setCurrentRow(this.value);dsTyres.filter(filterFunc);">
<option value=""></option>
</cfselect>
<span spry:region="dsSeries">
<select spry:repeatchildren="dsSeries"
name="series_filter">
<option spry:if="{dsSeries::ds_RowNumber} == 0"
value="{ds_RowID}" selected="selected">{series}</option>
<option spry:if="{dsSeries::ds_RowNumber} != 0"
value="{ds_RowID}">{series}</option>
</select>
</span>
I can change as many times as I like and it doesnt seem to
reload the data into the series select. can anyone point me to
why?Its in dev - not publicly accessible I am afraid.
The series XMl returns this:
<?xml version="1.0" encoding="UTF-8"?>
<series>
<series>
<id>1</id>
<series>Cross Terrain</series>
<brandID>2</brandID>
</series>
<series>
<id>2</id>
<series>Overlander</series>
<brandID>2</brandID>
</series>
<series>
<id>3</id>
<series>Energy LX4</series>
<brandID>2</brandID>
</series>
<series>
<id>4</id>
<series>4WD</series>
<brandID>1</brandID>
</series>
<series>
<id>5</id>
<series>Performance Plus</series>
<brandID>1</brandID>
</series>
<series>
<id>6</id>
<series>Slip 'n'
Slide</series>
<brandID>3</brandID>
</series>
</series>
And tyresXML returns this:
<?xml version="1.0" encoding="UTF-8"?>
<tyres>
<tyre>
<id>2</id>
<brand>BFGoodrich</brand>
<brandID>2</brandID>
<series>Cross Terrain</series>
<seriesID>1</seriesID>
<name>235/65R17</name>
<width>185</width>
<ratio>60</ratio>
<rim>14</rim>
<load>82</load>
<speed>H</speed>
<fr></fr>
</tyre>
<tyre>
<id>14</id>
<brand>BFGoodrich</brand>
<brandID>2</brandID>
<series>Cross Terrain</series>
<seriesID>1</seriesID>
<name>243/65T56</name>
<width>185</width>
<ratio>60</ratio>
<rim>13</rim>
<load>82</load>
<speed>H</speed>
<fr></fr>
</tyre>
<tyre>
<id>3</id>
<brand>BFGoodrich</brand>
<brandID>2</brandID>
<series>Cross Terrain</series>
<seriesID>1</seriesID>
<name>245/67T56</name>
<width>195</width>
<ratio>60</ratio>
<rim>14</rim>
<load>88</load>
<speed>V</speed>
<fr></fr>
</tyre>
<tyre>
<id>7</id>
<brand>BFGoodrich</brand>
<brandID>2</brandID>
<series>Energy LX4</series>
<seriesID>3</seriesID>
<name>235/65R17</name>
<width>175</width>
<ratio>60</ratio>
<rim>14</rim>
<load>82</load>
<speed>H</speed>
<fr></fr>
</tyre>
</tyres>
I am trying to get 2 selects, related - brand and subset,
tyre series to be filters on a data table.
the filter on brand works fine, but the series select doesnt
update, and therefore I cant do the filter on it yet either.
The completed markup in the browser is this:
<style>
.loading {
padding: 4px;
background-color: #FFFFCC;
.even {
background-color: #424F53;
.odd {
background-color: #354044;
</style>
<script type="text/javascript"
src="/scripts/spry/xpath.js"></script>
<script type="text/javascript"
src="/scripts/spry/SpryData.js"></script>
<script type="text/javascript">
var dsTyres = new Spry.Data.XMLDataSet("tyresXML.cfm",
"/tyres/tyre");
var dsSeries = new
Spry.Data.XMLDataSet("seriesXML.cfm?brandid={dsTyres::brandID}",
"/series/series");
function filterFunc(ds, row, rowNumber) {
if(document.filterForm != null) {
//var regExpStr = document.filterForm.keyword_filter.value;
//var regExp = new RegExp(regExpStr, "i");
//alert(row[""] + ' ' +
document.filterForm.brand_filter.options[document.filterForm.brand_filter.selectedIndex]. value);
if(
document.filterForm.brand_filter.selectedIndex == 0 ||
document.filterForm.brand_filter.options[document.filterForm.brand_filter.selectedIndex]. value
== row["brandID"]
) return row;
else return null;
} else return row;
dsTyres.filter(filterFunc);
</script>
<form name="filterForm" id="filterForm"
action="/admin/admin_tyres.cfm" method="get" onsubmit="return
_CF_checkCFForm_1(this)">
<fieldset>
Brand:<select name="brand_filter" id="brand_filter"
onchange="dsTyres.setCurrentRow(this.value);dsTyres.filter(filterFunc);"
>
<option value=""></option>
<option value="1">Michelin</option>
<option value="2">BFGoodrich</option>
<option value="3">Bridgestone</option>
<option value="4">Goodyear</option>
</select>
<span spry:region="dsSeries">
<select spry:repeatchildren="dsSeries"
name="seriesSelect">
<option spry:if="{dsSeries::ds_RowNumber} == 0"
value="{ds_RowID}" selected="selected">{series}</option>
<option spry:if="{dsSeries::ds_RowNumber} != 0"
value="{ds_RowID}">{series}</option>
</select>
</span>
</fieldset>
</form>
<div spry:region="dsTyres">
<div class="loading" spry:state="loading">Loading
...</div>
<table border="1" width="100%" id="table1"
cellpadding="5" style="border-collapse: collapse"
bordercolor="#4C5A60" cellspacing="0">
<tr bgcolor="#fff">
<th onclick="dsTyres.sort('brand','toggle')"
style="cursor: pointer">Brand</th>
<th onclick="dsTyres.sort('series','toggle')"
style="cursor: pointer" width="75%"><span
class="issueHeader">Series</span></th>
<th onclick="dsTyres.sort('name','toggle')"
style="cursor: pointer"><span
class="issueHeader">Name</span></th>
<th onclick="dsTyres.sort('width','toggle')"
style="cursor: pointer"><span
class="issueHeader">Width</span></th>
</tr>
<tbody spry:repeat="dsTyres">
<tr class="">
<td align="center"><span class="copy"
spry:content="{brand}" /></td>
<td><span class="copy" spry:content="{series}"
/></td>
<td><span class="copy" spry:content="{name}"
/></td>
<td><span class="copy" spry:content="{width}"
/>></td>
</tr>
</tbody>
</table>
</div> -
Spry Dynamic Tabs - reCAPTCHA is missing when loading external php file
Hello,
I have solved all my problems lately on this forum.
But now im converting my site to use Dynamic tabs, and something goes wrong.
The dynamic tabs load content from external files. It loads html but i think something goes wrong with php and my buttons.
You need to know ALL is working perfect on the old site.
2 problems;
I dont know how to convert my buttons to this new style.
I dont know why the reCAP suddently is missing.
Why is reCAPTCHA missing?
SOURCE HTML (index.html);
<?php include("PHP/form.php"); ?>
<!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>Wientjes Voegwerk & Renovatie - Home</title>
<meta http-equiv="Content-Language" content="NL" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Wientjes Voegwerk en Renovatie is een voeg- en renovatiebedrijf gespecialiseerd in gevelrenovatie. Dagelijkse werkzaamheden zijn het voegen van nieuwbouwwerk, en alle voorkomende vormen van gevelrenovatie. Ik geef uw woning, garage of schoorsteen de aandacht die het verdient en ben trots op het resultaat van mijn werk!"/>
<meta name="keywords" content="Voegwerk, Renovatie, Reinigen, Impregneren, Muur, Voegen, Steen, Woning, Garage, Schoorsteen, Bedrijf, Gevel, Wientjes, Uitslijten, Kappen, Fundering, Vorstschade, Metselen, Metselwerk, Vocht" />
<meta name="author" content="Rob Nijlaan" />
<link href="CSS/Style2.css" rel="stylesheet" type="text/css" />
<script src="JAVASCRIPT/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="JAVASCRIPT/SpryEffects.js" type="text/javascript"></script>
<script src="JAVASCRIPT/SpryData.js" type="text/javascript"></script>
<script src="JAVASCRIPT/xpath.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function FadeAndUpdateContent(ele, url){
try {
Spry.Effect.DoFade(ele,{
duration: 500, from: 100, to: 0, finish: function() {
Spry.Utils.updateContent(ele, url, function() {
Spry.Effect.DoFade(ele,{ duration: 500, from: 0, to: 100 });
catch(e){ alert(e); }
-->
</script>
</head>
<body>
<div id="WContainer">
<div id="WHeader" align="center"> <img src="Art/VoegenRenLos.png" width="540" height="58" alt="Voeg en Renovatiebedrijf" /><br />
<img src="Art/WientLogo.png" width="600" height="136" alt="Wientjes Voegwerk & Renovatie" /> </div>
<script type="text/javascript">
var dsTabs = new Spry.Data.XMLDataSet("data/data.xml", "tabs/tab");
function loadContent(panel,url){
Spry.Utils.updateContent(panel,url);
Spry.Data.Region.addObserver("example1Region",dateLoadedCallback);
function dateLoadedCallback(notificationType, notifier, data){
if (notificationType =="onPostUpdate"){
row= dsTabs.getRowByRowNumber(0)
if(row){
loadContent('0',row.url)
</script>
<div id="example1Region" spry:region="dsTabs">
<div id="dynamicTabs" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" >
<li spry:repeat="dsTabs" class="TabbedPanelsTab" onclick="loadContent('{ds_RowID}','{url}');" tabindex="0">{title}</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div spry:repeat="dsTabs" id="{ds_RowID}" class="TabbedPanelsContent"></div>
</div>
</div>
<script type="text/javascript">
var t1 = new Spry.Widget.TabbedPanels("dynamicTabs");
</script>
</div>
<div id="WFooter" align="center">
<p class="footer">Wientjes Voegwerk & Renovatie , 03- '02 » Site by ; <b>Rob Nijlaan</b></p>
</div>
</div>
</body>
</html>
Dont mind the extra javascripts they are not used for now (like SpryEffects.js) its for future use.
SOURCE XML (data.xml);
<?xml version="1.0" encoding="UTF-8"?>
<tabs>
<tab>
<title>
tab 1
</title>
<url>../data/HOME.html</url>
</tab>
<tab>
<title>Tab2</title>
<url>examples/tab2.html</url>
</tab>
<tab>
<title>Tab3</title>
<url>examples/tab2.html</url>
</tab>
<tab>
<title>Tab4</title>
<url>../PHP/form.php</url>
</tab>
</tabs>
The html file loads like it should be, but the php form has problems.
See it yourself: http://www.wientjesvoegwerk.nl/index2.html
The tab 1 displays a html file like it should.
The tab 4 displays the contact form but you will see the reCAPTHCA is missing.
I have really no clue why it happens, exept maybe its a PHP issue.
Maybe the script isnt compatible with non-html documents...
Can someone please tell me whats the problem and if there is a solution????
How do i change this button?
I used this in my previous site:
<table class="Button" >
<tr>
<td style="padding-right:0px" title ="Home">
<a href="#" title="Home" style="background-image:url(/Buttons/Home.png);width:172px;height:75px;display:block;"><br/>
</a></td>
</tr>
</table>
But the dynamic script uses {title} to get the <title> out of the xml.
I tryd to put this straight into the title tags in the xml but obviously it wont work.
And i really dont have a clue how to change this.
My button has a mouseover img. Basicly its 2 buttons in 1 img stacked on top of each other.
Like this: http://www.wientjesvoegwerk.nl/Buttons/contact.png
Because of the CSS script it hovers to the right position.
Part of SOURCE CSS (Style.css)
.Button a{display:block;}
.Button a:hover{background-position:left bottom;}
a.Button {display:none}
How can i change the xml and the script so "title" can be replaced with the button.
Or how can i change the button so the mouseover works and the script still takes the button-img from the xml???
Any help would be nice, because im finnaly in a postition to finish this site, and this is the only blockade left to conquer...Maybe it is not liking that the index page is an HTML page and not a PHP page. Try this way:
In your form.php, remove the following code:
<?php
require_once('recaptchalib.php');
$publickey = "6LfKNwwAAAAAAEdS6PjiDSHRQBDOYrGcM8R1eQQm"; // you got this from the signup page
echo recaptcha_get_html($publickey);
?>
Replace it with:
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LfKNwwAAAAAAEdS6PjiDSHRQBDOYrGcM8R1eQQm"></script>
<noscript>
<iframe src="http://api.recaptcha.net/noscript?k=6LfKNwwAAAAAAEdS6PjiDSHRQBDOYrGcM8R1eQQm" height="300" width="500" frameborder="0"></iframe><br/>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
</noscript>
The replacement code is the same code that is outputted from the recaptchalib.php file.
Maybe you are looking for
-
Fixing the itunes 8 & Vista BSOD
Not sure if this has been posted, but happy to share my fix. I too was suffering from the dreaded BSOD after clean installing iTunes 8. The BSOD was immediate upon connection of my iphone and associated with the usbaapl.dll. Here's what to do: 1) Get
-
Getting a error when submitting Time card by Self Service Time responsibili
*"Online retrieval of absences for Mr. Atul Agarwal has failed. Please Contact your System Administrator. "* When trying to submit a Time Card I am getting the above error. Can someone pls help???
-
hello im having trouble downloading and installing Photoshop Extended version 6the current one seems to be corrupt. Can you help me to understand what I am doing wrong?
-
Message RSAR245 - Error Code 6
Hi, While loading the data from non sap systems i.e oracle, we are getting an following error. The only changes what we had done is that we applied the BW Support Pack 8 and ABAP Support 8. After applying these patches, we are not able to upload any
-
Unable to download Adobe Connect add-in
I am trying to downlaod adobe connect add in, my computer will not allow it. It is saying unable to write to hard disk? Message was edited by: ashish gupta. to add a more descriptive title to the post.