Ondersteuning » Code oplossingen gezocht » Tijd & Weer in sidebar met update om de minuut?

  • Hallo allen,

    Ik ben bezig met het volgen van een tutorial om de tijd en weer te plaatsen in een sidebar en deze om de minuut (of 30seconden) te refreshen. Tutorial is in het Engels en mijn Engels is niet slecht, alleen snap ik een deel niet of ik kijk er overheen. Ben de laatste 2 dagen hier mee bezig geweest, ik kom er niet uit dus ik hoop dat iemand mij het kan toelichten.

    Het volgende (volgens de tutorial):
    – ik heb 5 sidebars/docks, 1 daarvan is niet zichtbaar (sidebar1)
    – in sidebar1 plaats ik current time (plugin en widget functie) en weather* (zie afbeelding hieronder)
    – daarnaast heb ik een weather.html met een refresh functie, dit bestand plaats ik in de theme map
    – in dit bestand verwijs ik via een iframe naar http://adres.nl/left-dock/*
    – ik plaats een (text) widget op sidebar2 (DockLeft) en iframe naar weather.html (zie afbeelding)

    Wat ik niet snap:
    – *wat er in de map/url “left-dock” moet komen (ik ga uit van index.php maar wat er in moet komen -> is niet aangegeven in tutorial)
    – *weather: snap ik ook niet, er wordt gebruik gemaakt van de plugin cool weather maar deze heeft geen widget functie, wat wordt er dan wel gebruikt hieronder in de afbeelding?

    Afbeelding van tutorial hoe widgets er uit dienen te zien:
    http://files.en-is.com/files/Images/widgets.png

    Quote wat hoort bij de afbeelding widgets.png:

    placing the widgets into their respective sidebars
    Drag the Weather and Current Time widgets into the sidebar sidebar. Then a text widget into the DockLeft sidebar to iframe in weather.html

    Weather widget = onduidelijk wat dit is, want dit is niet weather.html maar ook niet de plugin cool weather (die geen widget functie heeft).

    Quote van tutorial:

    Functions.php – We already created the sidebar, but it’s just not displayed on the screen. So we’ll create weather.html and iFrame in that sidebar. Then we’ll iframe weather.html in our dock (DockLeft), and set it to refresh every minute. Unnecessarily complicated, no? First, let’s call the stylesheet and jQuery

    – daarnaast bestaat de weather.html alleen uit een verwijzing naar jquery script (google), refresh functie en iframe met pad naar left-dock:

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="style.css" />
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    
    <script>
    var refreshId = setInterval(function()
    {
          $('#dockleft').fadeOut("fast").load('../../../left-dock/').fadeIn("fast");
    }, 15000);
    </script>
    </head>
    <body>
    <div id="dockleft">
         <div>
              <div class="textwidget">
                   <iframe src="../../../left-dock/" scrolling="no" height="100%" widht="100%" style="height:100%; width:100%; background:transparent; border:none;"></iframe>
              </div>
         </div>
    </div>
    </body>

    Ik hoop dat ik het probleem duidelijk heb kunnen omschrijven, ik zie iets over het hoofd maar ik weet niet wat!

    Bedankt!

  • Het onderwerp ‘Tijd & Weer in sidebar met update om de minuut?’ is gesloten voor nieuwe reacties.