18 berichten aan het bekijken - 1 tot 18 (van in totaal 18)
  • Q:
    Sleutelbeheerder
    Night

    iWeb: Shadowbox in iFrame probleem

    Ik heb in iWeb de code van een shadowbox in een iFrame staan, om zo de head-codes etc. toe te kunnen voegen. Maar nu vult shadowbox alleen het iFrame. Weet iemand een goede oplossing?

    Bijdrager
    Wyodor

    URL please.

    Bijdrager
    martijnG

    Mocht je het gebruik van een iFrame kunnen vermijden, doen !

    Zou dit ook gedaan kunnen worden met:

    <br />
    <object><br />
        Helaas, je browser ondersteund geen  object tags<br />
    </object><br />
     
    Bijdrager
    Wyodor

    Wellicht kan de OP nuttige info verstrekken, zoals een URL. Het wordt anders zo gissen.

    Voor uw informatie, iWeb gebruikt standaard een <iframe> om de inhoud van een HTML Snippet te tonen. En daar is niks mis mee.

    ‘k Heb er vanochtend net een bericht bij Apple Discussions over geplaatst : Loading only a part of a webpage

    Sleutelbeheerder
    Night

    Er schijnt een javascript oplossing te zijn, maar ik ken geen javascript, dus ik weet niet hoe ik dat moet implementeren

    Ik heb dus ook al uitgebreid gezocht: zo bijvoorbeeld

    Bijdrager
    Wyodor

    Er schijnt een javascript oplossing te zijn,

    Ja, er schijnt een oplossing te zijn. Maar waar?

    dus ik weet niet hoe ik dat moet implementeren

    Wellicht is het handig om te vertellen wat je dan wel hebt geimplementeerd.

    Zolang je geen bruikbare info geeft, zoals een link naar je pagina, blijft het gissen.

    Bijdrager
    Wyodor

    Nu gaan we het probleem verleggen naar Apple discussions.

    http://discussions.apple.com/thread.jspa?threadID=2798344&tstart=0

    Ook daar zal de vraag worden gesteld : What is the URL so others can have a look.

    Sleutelbeheerder
    Night

    Het is heel simpel:
    1) Ik heb een html file aangemaakt

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd"></p>
    <p><html><br />
    <head></p>
    <p><link rel="stylesheet" type="text/css" href="http://www.thecommpany.nl/shadowbox/shadowbox.css"><br />
    <script type="text/javascript" src="http://www.thecommpany.nl/shadowbox/shadowbox.js"></script><br />
    <script type="text/javascript"><br />
    Shadowbox.init({<br />
        handleOversize: "resize",<br />
    });<br />
    var Shadowbox = window.parent.Shadowbox;<br />
    </script></p>
    <p></head></p>
    <p><body></p>
    <p><div style="width:100%; font-family: Arial; font-size: 12px; color:#808080; line-height: 22px;"><br />
    <style type="text/css"><br />
    a:link {<br />
    color: #808080;<br />
    text-decoration:none;<br />
    }<br />
    a:visited {<br />
    color:#808080;<br />
    text-decoration: none;<br />
    }<br />
    a:hover {<br />
    color: #AA8E01;<br />
    text-decoration: none;<br />
    }<br />
    a:active {<br />
    color:#000000;<br />
    text-decoration: none;<br />
    } </p>
    <p></style></p>
    <p>&#9679;&nbsp; <a href="http://www.thecommpany.nl/shadowbox_images/vermulst.jpg"><title="huisstijldrukwerk"><b>huisstijldrukwerk</b></a><br />
    <a href="http://www.thecommpany.nl/shadowbox_images/huisstijl_rct.jpg" rel="shadowbox&#91;huisstijldrukwerk&#93;"><title="huisstijldrukwerk"><b>&nbsp;</b></a><br />
    <a href="http://www.thecommpany.nl/shadowbox_images/huisstijl_bandenservice_1.jpg" rel="shadowbox&#91;huisstijldrukwerk&#93;"><title="huisstijldrukwerk"><b>&nbsp;</b></a></p>
    <p>&#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Two_computers.html"><b>brochures</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Feedback_Comments.html"><b>flyers</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Statcounter.html"><b>posters</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Retrieve_Website.html"><b>bloks met doorslag</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Transfer_Site.html"><b>belettering</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_YouTube.html"><b>offertemappen</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Folder_FTP.html"><b>banners</b></a><br />
    &#9679;&nbsp; <a href="http://iwebfaq.org/site/iWeb_Google.html"><b>mailings</b></a><br />
    </div><br />
    </body></p>
    <p></html>

    2) Deze heb ik via een html-snippet geplaatst in iWeb

    <iframe src="http://www.thecommpany.nl/portfolio/portfolio.html" name="portfolio" scrolling="no" frameborder="no" height = "250" width = "300"><br />
    </iframe>

    Met bovenstaand resultaat:(

    Bijdrager
    martijnG

    @Wyodor

    Voor uw informatie, iWeb gebruikt standaard een <iframe> om de inhoud van een HTML Snippet te tonen. En daar is niks mis mee.

    Er is een hele hoop mis met iFrames,
    01. Bookmarken van een pagina gaat moeilijk, zo niet onmogelijk.
    02. Stel je voor iemand komt vanaf een zoekmachine in het iframe terecht, wordt heel erg lastig om de bezoeker daar uit te krijgen.
    03. De vooruit en terug buttons werken niet meer goed.
    04. Er wordt veel meer HTML markup verstuurd dan nodig is.
    05. Er kunnen extra scroll balken komen die onzinnig kunnen.
    06. Script afhandeling tussen de pagina’s is erg lastig.
    07. print problemen.

    Maar zelf heb ik iWeb nog nooit gebruikt,
    dus kan je helaas niet verder helpen.
    Ik zweer bij text editors zoals BBedit of Texmate.

    Sleutelbeheerder
    Night

    Ik ken de nadelen. Nou nog een oplossing:?

    Bijdrager
    FilX

    Om gebruik te maken van Shadowbox in een iWeb pagina zal je er niet aan ontkomen om met een editor aan de slag te gaan. Een Snippet gaat in ieder geval niet werken. Je moet het even doorkrijgen, maar het is niet onmogelijk en uiteindelijk ook vrij simpel.

    Een tutorial hoe Shadowbox met een iWeb pagina te gebruiken vind je hier en zie hier hoe de code van Shadowbox te gebruiken in een editor.

    Bijdrager
    Wyodor

    Hier een iWeb demo met Fancyzoom. Alleen fotos, geen videos of iets dergelijks.

    http://cafenoir.atspace.com/Dide/Photos.html
    http://www.wyodor.net/_Demo/Fancy/Fancy2.html

    Begin de code te volgen in het widget-markup bestand.

    Of volg hier de uitleg :

    Adding FancyZoom to iWeb without the hassle

    Oh ja, het vereist wel enige kennis van HTML, CSS, JavaScript, DOM en hoe iWeb zijn paginas maakt.

    Maar dat hadden Cyclosaurus en ik al gezegd in Apple Discussions.

    PS. een bug in Safari zorgt ervoor dat e.e.a niet altijd goed werkt.

    Sleutelbeheerder
    Night

    Ik denk dat ik het maar gewoon handmatig doe dan:?
    Gewoon de links met de REL aanvullen… (en een backup maken op mn harde schijf voor het geval iWeb besluit e.e.a te overschrijven bij een update van m’n site.)

    Bijdrager
    martijnG

    Het gaat me niet om het afkraken van iWeb, Rapidweaver of Sandvox. Maar als je langer met websites bezig bent ontdek je dat deze software toch veel beperkingen heeft. Eigenlijk maken bijna alle WYSIWYG editors een zooitje van je source. ( ps ken geen enkele die mooie source schrijft ). Bij iWeb wordt ik misselijk van alle rare inline style, wat de site erg beperkt, teveel bandbreedte vraagt & boven al erg lastig om te editten.
    Daarnaast als iemand de site ook met een iPhone GUI wil, zul je opniew de site moeten bouwen.
    Is je HTML goed geschreven, zit er geen opmaak in je html, kun je met CSS de site er zo uit laten zien hoe je dat ook wil.

    Sites waar ik info vandaan trek:
    http://www.alistapart.com/
    http://jqueryfordesigners.com/
    http://naarvoren.nl/

    Sleutelbeheerder
    Night

    Ik heb alles werkend, maar nu loop ik tegen het volgende probleem aan: ShadowBox dekt de bBannerrotator niet af (zie test-voorbeeld). Wie weet hier een oplossing voor?

    PS: in Windows werkt het wel naar behoren, alleen op de Mac in Safari niet…:(

    Sleutelbeheerder
    Night
    Night op 13 april 2011

    Ik heb alles werkend, maar nu loop ik tegen het volgende probleem aan: ShadowBox dekt de bBannerrotator niet af (zie test-voorbeeld). Wie weet hier een oplossing voor?

    Bijdrager
    martijnG

    Er is bij safari een bug met flash en z-index al jaren eigenlijk.( wist niet eens dat dat nog steeds niet opgelost is )

    misschien heb je wat aan deze link:
    http://slightlymore.co.uk/flash-and-the-z-index-problem-solved/

    Bijdrager
    martijnG

    Firefox en Opera op de mac, zet hij de swf onder het grijze vlak. Misschien ook een z-index meegeven op het iframe.

18 berichten aan het bekijken - 1 tot 18 (van in totaal 18)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.