Widget coding

Not sur where else to ask this, so I will start here. I coded a neat little widget to go to a specific website and pull a page. That works fine.
But I want to be able to copy from the widget displayed page. When I mouse over and try to click the mouse over text the widget moves. I cannot get the widget to stay still and let me mouse over to copy.
There are other widgets, like the sticky that comes with OS X, that allow this. But I have looked at that code and just must be missing something.
How do you tell the widget that a "click and drag" is to copy some text and not drag the widget?

Well, that was the wrong subpage link (but I cannot edit it now). But it is on that main page. For anyone else looking for widget coding, start here (the main page):
http://developer.apple.com/documentation/AppleApplications/Conceptual/Dashboard_ ProgTopics/Introduction/Introduction.html

Similar Messages

PrettyPhoto JQuery Widget coding?

Hi I have a website I am designing above is the thumbnail, in the middle of the thumbnail I have it linked to PrettyPhoto JQuery Widget with name of image floating on the top of the slideshow, and I am wanting to do this also with the bottom "view details" grey box, but would like some help please with the coding! Here is the code I have currently:
<li class=' even portfolio-entry illustration '><img src="images/portfolio thumbnails/illustration & fashion/1_britten.jpg" width="220" height="240" alt="Britten Motorcycle illustration ">
<div class="entry-thumb standard"><a class="thumblink" href="images/portfolio images - new/illustration & fashion/1_britten_lge.jpg" rel="prettyPhoto[2376]"><img src="images/portfolio thumbnails/illustration & fashion/1_britten.jpg" alt="Britten Motorcycle illustration" class="thumbnail" ><span class="extra"></span></a></div>
<div class='entry-title'><span>Illustration & Fashion</span><a href='link here' title='Permanent Link to Soft Shop' rel='bookmark'>Soft Shop</a></div>
<a class="more-link" href="images/portfolio images - new/illustration & fashion/1_britten_lge.jpg" rel="prettyPhoto[2376]">veiw project</a></li>
Many thanks

Sorry, I'm not familliar with PrettyPhoto widget.
Can you upload your test page and supporting files to your web server and post a link for us to see in our browsers?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dashcode Podcast Widget coding

I saw that Anomac had a problem with a Dashcode created widget, so I thought I would try:
I created an RSS feed with no problem, but I am less successful with the podcast one. When I use Run, it always comes up with the same fault:
"Object (result of expression load) does not allow calls" and refers to podcast.html, line 22
That line shows me this"
<body onload="load();" id="body">
so I guess that something is missing in the parentheses. Could anyone make a suggestion, please?

Hello G.M.C, I'm not familiar with enhanced podcasts or widgets but do you see any way to do something like this:
window.size.x = image.size.x
window.size.y = image.size.y
(or maybe canvas.size etc)

Dreaded "Not a Valid Widget" Error

Hi Folks,
I'm getting the dreaded "Not a Valid Widget" error when I try to import my Flash (Professional CS5) file as a widget into my Captivate 5 project. I've done my research on this problem, and found an earlier post from Vikranth regarding copying the AS3\static actionscript into the first frame of the Flash file:
http://forums.adobe.com/message/3614964
However, I'm not getting enough detail about exactly where to past this actionscript into Flash.
Is this truly the fix? Even for the latest software fully updated?. If this is still the fix, am I going to have to do this every time I construct a Flash widget?
Very much appreciate your help,
Roger

I think you may misunderstand. Installing WidgetFactory or any other API on your PC is not an instant fix for some issue in your widget coding. I suggested that you go with an API because they are better documented than the Adobe templates and offer far more possibilities in the long run.
To get the most out of the APIs you need to read the tutorials and documentation provided by their creators. Only then will you understand the differences in the templates, which use a framescripting approach to coding, versus the APIs, which use a class-based coding approach. When using the APIs you do NOT use the Adobe templates at all to create widgets. You begin your widget directly in Flash.
Try these two tutorials first to get an idea of how it's done:
http://www.infosemantics.com.au/widgetking/2010/11/building-widgets-in-flash/
http://www.infosemantics.com.au/widgetking/2010/11/sign-up-for-the-widget-eseminars/
Flash and Captivate DO work together very well, but only if you know what you are doing. What's currently wrong with your picture is that you need to learn a lot more about how widgets work and how they need to be created. As your ActionScript 3 skills improve, so will your widgets.

Importing Flash swf

Hello,
I'm as new as it comes to Captivate. From what I've researched and seen, Captivate looks like an interactive Powerpoint that captures scores, answers, and responses,etc.
Right now, I'm looking for an authoring program to help me use some of those abilities -- but also host the main interactivity that I've built into a flash swf.
Before I go off and start programming, is it possible to embed a fully interactive .swf into Captivate -- or is this the wrong use and I should be attempting to rebuild that in Captivate? The program I'm going to build in Flash includes a time slider with simultaneous videos and animation.
Are time sliders possible in Captivate? (A scrubbing bar back and forth)
Thanks for your time.
Kristin

Everything you speak of is possible in Captivate, and it certainly does allow you to import SWFs created in AS3.
Whether or not your program will work well with Captivate depends a lot on your programming abilities and how well you understand the Captivate architecture so that your app integrates well with it.
It might be wise to consider building your app as a Captivate widget.
Go here for good information about widget coding: http://www.infosemantics.com.au/widgetking/

NO SPRY IN INSERT MENU

Spry menu is not present in my dreamweaver 13.I downloaded it from https://github.com/adobe/Spry#what-is-included-in-161 but i dont know how to integrate it to my dreamweaver 13.
SOMEBODY PLEASE HELP

Spry isn't dead, it's just no longer supported directly by Adobe in Dreamweaver. Dreamweaver 13 is Dreamweaver CC and, with version 12, Adobe ended Spry support and started supporting jQuery. I just answered a question about that with respect to an issue someone else had here in this forum (Where's Spry, what's with this jQuery…?).
I started using jQuery with version 10, by manually moving the jQuery library and the plugin into the defined site, linking to those files in my web page's <head> section and adding any additional necessary code. You can do the same thing with Spry. And, you should know that Spry a set of widgets coded using AJAX, and each widget is used to create dynamic behaviors and/or functionality. AJAX stands for Asynchronous JavaScript and XML.
For more on how you can browse these Spry widgets in Dreamweaver, there's a CS6 Manual that may be of help in restoring some of the functions you are looking for.

I want to add a Facebook widget, it shows in the coding but not on the page in live view?

I'm a learning dreamweaver user. So I wanted to add a Facebook like button and followed a tutorial on widgets. However, when I insert the widget it shows up in coding in split view but not my actual page. I've tried uploading it and it still wouldn't work??? Any help will be greatly appreciated!

The script is wrong. Try this:
document.write ('<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&href=https://www.facebook.com/pages/ Lil-Bulldog-World/208706725876140&layout=standard&show_faces=true&width=450&height=150&act ion=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; border-color:#ffffff; overflow:hidden; width:450; height:150"></iframe>');
However, you'd better use Facebook's own code. It's very simple: http://developers.facebook.com/docs/reference/plugins/like/
Kenneth Kawamoto
http://www.materiaprima.co.uk/

How do I reset the furthest page read in iBooks from an HTML Widget?

Our training department just got a bunch of iPads and I'm writing some custom HTML widgets for iBooks for them for testing, in-class activities, etc.
On the last page I have a link to clear all the forms and return to the first page. Like this: <a href="ibooks:///#page(1)">Click here</a>
That all works fine but the next time the book is opened it auto-syncs to the FURTHEST page read (the last page with the test on it) instead of the LAST page read (the first page- from the link mentioned above).
Basically we want the link to reset the furthest page read to the first page of the book when they finish the test so that the next person to use the iPad goes to page one automatically.
Does anyone have an idea of how to do something like completely clear the iBook cache?
Much obliged!

This was hand-coded HTML, CSS, jQuery/Javascript with a PHP file on our server that processes answers and emails them to our training director.
I use Brackets exclusively for coding.
Hope this helps you.

On file open: "This document contains JavaScript code for a widget that no longer exists."

I had an existing, functional datepicker in a web page.
Recently I downloaded the UI Datepicker in the Widget Browser and installed it in DW CS5. Now every time I load the file that calls the datepicker that I added myself, a warning opens with the following text:
This document contains JavaScript code for a widget that no longer exists. If you don't remove the code, the browser might display JavaScript errors when loading the page. Would you like Dreamweaver to find all instances of this code for you?
Widget: $("#reservDateBegin").datepicker();
Widget: $("#reservDateEnd").datepicker();
Clicking "Yes" opens the file and shows the search box at the bottom of the window with [current document] in File and $("#reservDateEnd").datepicker(); in Matched Text. Clicking "No" just opens the file.
The error is wrong, since installing the widget is what caused the error in the first place!
How can I get DW to stop showing this message?
Thanks for any help.

I do understand you're trying to be helpful. I was just hoping providing the relevant code snippets would be sufficient so I didn't have to take the time to provide a "cleaned" version of the files and upload those to a public-safe location.
Zabeth69 wrote: If you don't understand what 'code at the bottom of the page' means, you have not used one of those systems. I don't know what causes the error code to come up (besides removing a Spry widget, I mean). So if it doesn't apply to you, ignore it.
This is exactly my point: I haven't used any of the DW "systems". I've always manually coded in DW, so I can't have removed a Spry widget in the first place. It wasn't until I installed the Widget using the Widget Browser that I started getting the error (I don't mean adding the datepicker widget to the code using the DW Insert menu - I mean installing the Widget into DW itself). Ignoring such an erroneous/incorrect error seems kind of silly, since every time I open the file I get the error message.
Anyway, as requested, the following are links to the contactUsCleaned.php page, and the php included headerCleaned.php file. Since these use php includes to complete the rendered HTML, they won't look right in the browser, but as you know viewing the source will show the relevant html, javascript, and jquery code. I didn't see any way to upload the files in this forum, which, due to the php code, would be preferable to see exactly what my code looks like...
http://www.eventidewebdesign.com/public/contactUsCleaned.php
http://www.eventidewebdesign.com/public/headerCleaned.php
The footer.php file the contactUs page includes is simply a set of HTML links to the pages on the site, copyright info, and the Google Analytics script. There is no other code in the footer.php file.

Help with Spry Rating Widget within a Spry Repeating Region

My link http://www.youthinkyougotitbad.com
This is a long question, but it seems to me if answered somewhere it could help alot of people in the spry community creating comment boards as it uses three important spry widgets: rating, repeating, and tabbed panels. I am trying to use spry rating widget within a spry repeating region within a spry tabbed panel with xml. I was trying to go with the pulse light script (http://forums.adobe.com/message/3831721#3831721) but Gramps told me about the spry rating widget. But I have ran into a couple more problems. First, I couldnt find that much information on the forums or online about how to do the php page with the spry rating widget. None of these have any information on how to do it:
http://labs.adobe.com/technologies/spry/articles/rating_overview/index .html
http://labs.adobe.com/technologies/spry/articles/data_api/apis/rating. html
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.ht ml
And it seems that the official examples are so poor (or I am just ignorant, which def could be a possiblity) it shows
to set the initial rating value from the server, but uses a static value of 4
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.html
<span id="initialValue_dynamic" class="ratingContainer">
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <input id="spryrating1_val" type="text" name="spryrating1" value="4" readonly="readonly" />
         <span class="ratingRatedMsg sample">Thanks for your rating!</span>
</span>
<script>
var initialValue_dynamic = new Spry.Widget.Rating("initialValue_dynamic", {ratingValueElement:'spryrating1_val'});
</script>
I finally found a site that has the php and mysql setup.
http://www.pixelplant.ro/en/articles/article-detail/article/adobe-widgets-for-download.htm l
But its not perfect. It has the same problem that I ran into with Pulse light, that you had to use php echo within the spry repeating region to set the initial value from the server:
<span id="spryrating1" class="ratingContainer">
         <span class="ratingButton"></span>
            <input type="text" id="ratingValue" name="dynamic_rate" value="<?php echo $row['average']?>"/>
        </span>
        <script type="text/javascript"
            var rating1 = new Spry.Widget.Rating("spryrating1", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id=spryrating1&val=@@ratingValue@@'});
        </script>
So instead, I tried with three of my panels (www.youthinkyougotitbad.com) to get the average rating from xml by using the following queries:
Recent
Returns the blurts in most recent order along with average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC
Wet Eyed
Returns the blurts in highest ratings order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r Desc
Dry Eyed
Returns the blurts in lowest rating order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r
These all return the correct xml in the correct order.And they return the average rating of each blurt which I can send to my page with xml.
My first question is that I dont know how to configure the query on my fourth panel Empathized & Advised the same way because it already has a Group By for the Comment Id.
SELECT `Comment`.id_Blurt, COUNT(*) as frequency, Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt, `Comment` WHERE Blurt.Id_blurt = `Comment`.id_Blurt GROUP BY `Comment`.id_Blurt ORDER BY COUNT(*) DESC";
Not sure if you guys need more information to understand that all, if so just ask.
So after I get my average value through xml to the first three panels, I set my spry repeating region up like this:
(Blurt panel)
<div spry:region="pv1" spry:repeatchildren="pv1">
           <div class="blurtbox">
            
            <h3> "{pv1::Blurt}"</h3>
            <p> Blurted from {pv1::Location} at {pv1::Date}</p>
            <p>Empathize or Advise about {pv1::Name}'s Blurt #<a href="detailblurt.php?blurtid={pv1::Id_blurt}"> {pv1::Id_blurt}</a></a></p>
           <span id="{pv1::Id_blurt}" class="ratingContainer">
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingRatedMsg">Thank You! Your tears have been tallied.</span>
            <input type="text" id="ratingValue" name="dynamic_rate" value="{pv1::average_r}"/>
        </span>
        <script type="text/javascript">
            // overview of available options and their values:
            // http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
            var rating1 = new Spry.Widget.Rating("{pv1::Id_blurt}", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id={pv1::Id_blurt}&val=@@ratingValue@@'});
        </script>
             <br/>
           </div>
          </div>
Ok, it registers the right vote in the database with the right blurt id each time. But I am having two problems so far:
One, even though {pv1::average_r} returns the correct average through xml, it doesn't show the initial rating value for each of the repeating blurts. It seems to show the first one correct, and then just repeat that same value to the other ones that follow. I just dont understand since it can get the correct server value right after you vote (afterRating:'serverValue), that I can't manipulate spryrating.js in some way that I could just replace 'ratingValue' in ratingValueElement:'ratingValue' with something to give me the initial server value.
Two: Is even more mysterious to me, if you play around with voting on the site, sometimes you are unable to vote on different blurts. Its weird. It seems like that the javascript is completely off just on those blurts. And sometimes its a whole row, sometimes none. But so far its never a problem on the first tabbed panel (Recent), only on the other three. As far as I know, the coding is exactly the same in each tab's repeating region except for the different xml input.
And, now on the live server, sometimes the pics of tears used to voting dont show up until you click.
Any help on those three questions (how to query the fourth panel, how to show the initial server value, and the glitches with voting) would be greatly appreciated!! I looked pretty hard on adobe forums and other sites, and didnt see much on how to really use the spry rating widget with php and xml.
Thanks!!

Update:
Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
So I replaced it with what I originally had.
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
But this doesn't provide me with the initial average rating:(

Third party contact form widgets no longer working with upgrade - PHP errors

PHP seems to be even more screwed up with the latest update/upgrade to Muse. The previous upgrade started producing the following error message when I uploaded my site via FTP:
"1 Warning - Connection to PHP file failed. Unable to check if this web server supports PHP needed by Muse forms. Be sure the domain name entered in the FTP upload dialog is correct."
However, everything worked and in participating in some queries here, it seemed to be an oddity versus anything serious (things still worked but an error message popped up for no real discernible reason)
Since the latest update, however, widgets that I have from two different companies for the purpose of emailing me through the website, sending messages, etc, are no longer working and the following message is displayed upon hitting "submit"
" Form PHP script is missing from web server, or PHP is not configured correctly on your web hosting provider. Check if the form PHP script has been uploaded correctly, then contact your hosting provider about PHP configuration."
In checking with my web host provider, I was told
"the page appears to use the script form-u31652.php which does exist on the
server.
Unfortunately that error is not specific enough to point us in the right
direction. PHP is indeed working on the server. However, looking at the
apache web server error logs I can see that the contact form appears to be
looking for a file that does not exist.
To trouble shoot this issue you will want to work with Muse to determine
why the sites coding is looking for the file
/usr/home/NAME/public_html/WEBSITE.com/null."
Any ideas what this means and how to solve this would be great. I've tried re-uploading the entire website, figuring that maybe something wasn't being uploaded via "Modified Only" but it still is happening
Thanks!

That isn't what ended up fixing it, Sanjit. Thanks to this article PHP FAQ for Muse Synchronized Text and help from an online representative from Adobe, was able to troubleshoot with my web provider. Turns out the problem was that a while back Muse deleted the fcgi-bin directory (probably during the previous upgrade, as that is when the PHP errors started to surface with me and others). And it was never put back by Muse even during a clean/full reupload of the website. Had to have my web provider do it manually.

Help needed: Adding 2nd widget makes 1st widget stop working

Dear all,
I use 1 widget, jQuery Cycle, and it was working fine, until i added a 2nd one, FlexSlider.
How can i make both working on the same page?
My website is : VINDSTERS - Wij Vinden wat u zoekt! and please see my coding below.
Thanks a lot!
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src=
"main slide js/smoothscroll.js"></script>
</style>
<script type="text/xml">

</script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="main slide js/jquery-1.6.min.js" type="text/javascript"></script>
<script src="main slide js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="gevonden door js/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
<script src="gevonden door js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="gevonden door js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="gevonden door js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="gevonden door js/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    $("#cont2").hide();
$('#showMenu').click(function()
$("#cont2").slideToggle('slow');
$(document).ready(function() {
$('.closeMenu').click(function()
$("#cont2").slideUp('slow');
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2559022: #slideshow_header */
#slideshow_header {
    padding: 0px;
margin:0;
#slideshow_header-caption{
padding:0;
margin:0;
#slideshow_header img, #slideshow_header div {
    padding: 0px;
    background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    margin: 0;
/* EndOAWidget_Instance_2559022 */
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<b><title>VINDSTERS - Wij Vinden wat u zoekt!</title></b>
<meta name="Description" content="Vindsters.nl Wij vinden wat u zoekt" />
<meta name="keywords" content="vindsters,vindsters.nl,tweedehands, zoeken, design, vintage, vinden, service, meubels, kleding, schoenen" />
<link href="icons/logo-vindsters-square.gif" rel="shortcut icon " />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="#"><h1><a href="#" id="showMenu">MENU
</a> </div>
<div id="cont2" class="hidden">
    <ul>
<li>s
    <h1><a href="#fadein" class="closeMenu">HOME</a></h1>
</li>
<li>
    <h1><a href="#info" class="closeMenu">HOE WERKT HET?</a></h1>
</li>
<li>
    <h1><a href="#mainbox2" class="closeMenu">PRIJZEN</a></h1>
</li>
<li>
    <h1><a href="#leftcollum2" class="closeMenu">GEVONDEN DOOR...</a></h1>
</li>
<li>
    <h1><a href="#mainbox" class="closeMenu">OVER VINDSTERS</a></h1>
</li>
<li>
    <h1><a href="#footer" class="closeMenu">CONTACT & VOORWAARDEN </a></h1>
</li>
</ul>
<p> </p>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow_header
       slideshow_headerAddCaption=true;
$(document).ready(function() {
$('#slideshow_header').cycle({
after: slideshow_headerOnCycleAfter, //the function that is triggered after each transition
autostop: false,     // true to end slideshow after X transitions (where X == slide count)
fx: 'scrollLeft,',// name of transition effect
pause: true,     // true to enable pause on hover
randomizeEffects: true, // valid when multiple effects are used; true to make the effect sequence random
speed: 1000, // speed of the transition (any valid fx speed value)
sync: true,     // true if in/out transitions should occur simultaneously
timeout: 7000, // milliseconds between slide transitions (0 to disable auto advance)
fit: true,
height:   '570px',
width:         '100%'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshow_headerOnCycleAfter() {
if (slideshow_headerAddCaption==true){
$('#slideshow_header-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow_header">
   
<img src="images/front-1.jpg" width="100%" height="500" title="" /><img src="images/front2.jpg" width="100%" height="500" title="" /></div>

<div id="slideshow_header-caption"></div>
<div id="tab">
<h4><img src="icons/start2.png" width="310" height="128" alt="button" onclick="window.open('http://vindsters.nl/vindditnu%20php%20version.php','Websonic','width=960,height=600,scroll bars=no,toolbar=no,location=no'); return false" /></h4>
</div>
<div id="part2">
    <div id="fadein">
      <h4> Hallo! </h4>
<h4> Wij zijn VINDSTERS.NL    </h4>
      <h2>Vinden word vanaf nu heel eenvoudig!</h2>
      <h2>Ben je al tijden opzoek naar iets, maar heb je geen idee waar je het moet vinden? </h2>
      <h2>Geen zin of tijd om de duizende advertenties op makrtplaats/ebay of speurders af te gaan?</h2>
      <h2>Vindsters vind alle 2de hands spullen die jij zo graag wil hebben! </h2>
      <div id='button'>
        <p><img src="icons/start2.png" width="310" height="128" alt="button" onclick="window.open('http://vindsters.nl/vindditnu%20php%20version.php','Websonic','width=960,height=600,scroll bars=no,toolbar=no,location=no'); return false" /></p></div>
    </div>
    <div id="info">
      <h4>AANVRAGEN! </h4>
      <h2>Laat ons in je aanvraag met een korte omschrijving weten wat je zoekt. </h2>
      <h2>Naar aanleiding van je aanvraag stellen onze vindsters een korte vragenlijst samen die je per email ontvangt. </h2>
      <h2>Hierin kan je heel gemakkelijk je verdere wensen aangeven. </h2>
      <h2>Alles compleet? Stuur de <br />
        vragenlijst dan naar ons terug en betaal gemakkelijk via de IDeal link in de mail.    </h2>
    </div>
        <div id="info3">
          <p><img src="images/info2.gif" width="748" height="213" /></p>
    </div>
    <div id="tab2">
      <h1>v Lees meer v</h1>
    </div>
    <div id="info2">
      <p> </p>
      <h4> </h4>
      <h4>GEVONDEN! </h4>
<h2>Zodra je vragenlijst & betaling binnen is, gaan wij voor je aan de slag! </h2>
      <h2>Binnen het afgesproken
        termijn, ontvang je per mail 3 tot 5 passende
        advertenties. </h2>
      <h2>Deze prducten worden persoonlijk door ons geselecteerd, dus je ontvangt altijd een passend aanbod! </h2>
      <h2>& mochten we onverhoopt helemaal niks kunnen vinden, dan krijg je natuurlijk je geld terug. </h2>
      <h2>Alles compleet? Stuur de vragenlijst dan naar ons terug en betaal gemakkelijk via de IDeal link in de mail.</h2>
      <p> </p>
      <h1> </h1>
    </div>
    <div id="mainbox2">
      <div id="insideright2">
        <h4>PRIJZEN</h4>
<h2>Bij VINDSTERS.NL betaal je altijd maar €5.95 per zoekopracht!      </h2>
        <h2>En succes gegarandeerd, want kunnen wij onverhoopt niet vinden wat jij zoekt?</h2>
        <h2> Dan krijg je de betaalde kosten gewoon terug!</h2>
        <p></p>
      </div>
</div>
    <div id="gevondendoor">
<h1>GEVONDEN DOOR VINDSTERS.NL</h1>
<script type="text/javascript">
// BeginOAWidget_Instance_2827522: #OAWidget
$(window).load(function() {
      $('#slider').flexslider({
     namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
      animation: "slide",
    easing: "swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
      direction: "horizontal",   //String: Select the sliding direction, 'horizontal' or 'vertical'
    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
    animationLoop: false,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
    smoothHeight: true,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 5000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationSpeed: 600,         //Integer: Set the speed of animations, in milliseconds
      initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
      randomize: false,               //Boolean: Randomize slide order
    useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
      touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
       video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboard: true,              //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: false,               //Boolean: Create pause/play dynamic element
      pauseText: "Pause",             //String: Set the text for the "pause" pausePlay item
      playText: "Play",               //String: Set the text for the "play" pausePlay item
      startAt: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(){},            //Callback: function(slider) - Fires when the slider loads the first slide
   controlsContainer: "",          //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is                                        not found, the default action will be taken.
       manualControls: "",             //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
       // Carousel Options
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 10,                  //{NEW} Integer: Margin between carousel items.
    minItems: 0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
    maxItems: 0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
    move: 0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
   before: function(){},           //Callback: function(slider) - Fires asynchronously with each slider animation
      after: function(){},            //Callback: function(slider) - Fires after each slider animation completes
      end: function(){}               //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
// EndOAWidget_Instance_2827522
</script>
<div id="main-container">
    <p><a href="http://www.woothemes.com/flexslider/">Flexslider Demo and Documentation</a></p>
    <div id="main" class="wrapper clearfix">
      
      <div id="container">
        <div id="slider" class="flexslider">
          <ul class="slides">
            <li> <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_lemon.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_donut.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_caramel.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_lemon.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_donut.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_caramel.jpg" /> </li>
          </ul>
        </div>
        <div id="carousel" class="flexslider" style="display:none;">
          <ul class="slides">
            <li> <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_lemon.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_donut.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_caramel.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_lemon.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_donut.jpg" /> </li>
            <li> <img src="images/kitchen_adventurer_caramel.jpg" /> </li>
          </ul>
        </div>
      </div>
    </div>
    
</div>

    </div>
    <div id="leftcollum2">
      <h1>VOORWAARDEN!</h1>
<h2>Wij houden het graag zo simpel mogelijk! </h2>
<h2><a href="voorwaarden.html">lees hier de voorwaarden</a></h2>
      <p> </p>
</div>
    <div id="rightcollum2">
      <h1>VRAAG & ANTWOORD</h1>
<h2>Heeft u vragen of suggesties. Laat het ons weten! </h2>
      <h2><a href="contact.html">Contact</a></h2>
      <h2> </h2>
    </div>
    <div id="mainbox">
      <div id="insideright">
        <h1>Over VINDSTERS.NL </h1>
        <h2>Vindsters.nl is opgericht door Anne & Lisa van Steenbergen. Twee zussen met een passie voor mooie spulletjes.</h2>
        <h2>Het speuren naar tweedehands zit ze in het bloed. Talloze meubels, vintage laarzen, oud speelgoed of designer item is in de loop der jaren aangeschaft.      En in begin 2014 werd het tijd dit deze goede neus voor het speuren te delen met andere. Het resultaat, Vindsters.nl </h2>
        <h2>Vindsters.nl is een service die het mogelijk maakt om alles te vinden wat je zoekt op het gebied van tweedehands artikelen. </h2>
        <h2>Van die ene favorite spijkerbroek die je terug wilt of die dure merkbank die je voor een prikje hoopt te scoren tot dat kastje van ikea die niet meer word gemaakt of de speelgoedbeer die je vroeger had, Vindsters.nl bied je de mogelijkheid dit eenvoudig te vinden. </h2>
        <h2>Vindsters.nl selecteerd voor jouw persoonlijk 3 tot 5 advertenties die je zoekt uit alle duizenden advertenties die er online zijn.    </h2>
      </div>
    </div>
    <div class="button2">
<img src="icons/start2.png" width="412" height="149" alt="button" onclick="window.open('http://vindsters.nl/vindditnu%20php%20version.php','Websonic','width=960,height=600,scroll bars=no,toolbar=no,location=no'); return false" /></div>
</div>
    <div id="footer">
      <h2> <a href="voorwaarden.html" target="_new" class="smoothScroll">VOORWAARDEN</a>   | <a href="contact.html" target="_new" >CONTACT</a>   | <a href="http://www.pinterest.com/vinddit/" target="_new"><img src="icons/pinterest.png" width="20" height="20" align="absbottom" /></a>    <a href="https://www.facebook.com/" target="_new"><img src="icons/fb_1.png" width="20" height="20" align="absbottom" /></a></h2>
      <p><img src="images/iDEAL_120x30_dubbel.jpg" alt="IDEAL" name="ideal" width="120" height="30" id="ideal" /></p>
    </div>
</body>
</html>

Adding to osgood's reply, you are calling four different jquery libraries as in
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src=
"main slide js/smoothscroll.js"></script>
</style>
<script type="text/xml">

</script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://vindsters.nl/main slide js/jquery-1.6.min.js" type="text/javascript"></script>
<script src="http://vindsters.nl/main slide js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="http://vindsters.nl/gevonden door js/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
<script src="http://vindsters.nl/gevonden door js/jquery-1.7.2.min.js" type="text/javascript"></script>
This will confuse the browser no end!
My advice is to remove the last three highlighted lines to see what happens.

How to reset an iBooks Author Html Widget?

Hi folks!
I'm using with great pleasure Adobe Edge Animate 1.0 to make Html Widgets for Apple iBooks Author!
In a composition, I've defined this variable:
var track1 = new Audio();
        track1.src = "media/track1.m4a";
        track1.volume = 0.5;
and made it play:
track1.play();
All it works but...what if I want that - when I go out from the widget on iBooks on iPad - the track pauses?
I've coded this in my index.html file inside the widget:
    widget.pauseAudioVisual = function() {
// do this when closing Widget
$.Edge.getComposition(EDGE-114545384).getStage();
track1.pause();
widget.didEnterWidgetMode = function() {
// do this when entering widget
$.Edge.getComposition(EDGE-114545384).getStage();
track1.pause();
... but when I go out form widget the track still plays on....
Any hint?
Many thanks in advance!
Davide

I suspect the file is corrupted in some form.
Which could be a few keystrokes away from fixing or days of BS&T, sorry. There's no way to know, especially from here.
If you're handy with a text editor, crack into the xml and compare it to a behaving file to see if you can spot the issue(s). Or, do the same and carefully graft sections from it to a new file until you manage to manually rebuild.
In the end, tho, I think your time at this point is best spent simply redoing from scratch. If you have further questions, please start your own, unique thread so you can better track, close if solved, etc.
And again, to everyone....if your work has value, be sure to have a tested and reliable backup in place at all times.
Good luck.

Can't POST FormData from iBooks widget on iPad

I have a Dashcode widget that simply submits contact information from a three-field form to a PHP script on our server. It works properly when run/debugged from Dashcode. But when I drop it into iBooks Author and preview it on an iPad (either v2 or v3), the XMLHttpRequest POST no longer works properly. On the server, the form is ocassionally received with a request type of "OPTIONS" instead of "POST" so none of the form data is available to the server-side script. The content length is also reported as 0 (zero) on the server. Other times, the data is received correctly, but the widget's onerror function fires instead of onload, even when a 200 status is returned from the server.
The code worked fine in both Dashcode and on the iPad in a test iBook. Then I tested it after disabling wifi to ensure that errors would be handled properly. It hasn't worked again since enabling wifi. It could be a coincidence. I've relaunched iBooks, deleted and reinstalled the book, restarted the iPad, restarted Dashcode and iBooks Author. I've even created a new widget with nothing but a Submit button and hard-coded form values:
function submit(event)
    var formData = new FormData();
    formData.append("name", 'Name');
    formData.append("email", 'Email');
    formData.append("question", 'Question');
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://www.example.com/example.php");
    xhr.onload = function(e) {
        if (this.readyState == 4) {
            if (this.status == 200) {
                helloText.innerText = 'Success';
    xhr.onerror = function(e) {
        helloText.innerText = 'Error: ' + this.status + ': ' + this.responseText;
    xhr.send(formData);
The widget is set to Allow Network Access and "10.4.0 (backward-compatible)". Any tips will be greatly appreciated.

I tried saving the .ibooks file and sync'ing it through iTunes instead of using Preview, but see the same result. The post data was received successfully on the server. Although the server sends a 200 status code, the widget's onerror function fires and reports a status of "0" and empty responseText.
This is a step in the right direction. But we can't use it if we can't properly provide success/failure feedback to the user.

How can I use the tooltip widget on individual images in my thumbnail gallery?

Hey guys
I've got a client that is insisting on not having the caption text visible on each picture unless you could click or hover over a little information button. But I can't get the tooltip widget inside an individual image's lightbox (hope this makes sense). I have very little coding knowledge and was hoping someone would have the answer to this?

Does no one have an answer to this Was hoping that someone could save me on this dilemma.
A side question, has anybody used a different gallery with muse before?

Widget coding

Similar Messages

Maybe you are looking for