iFrame SRC - Softwareontwikkeling

woensdag 10 april 2013 11:50

Acties:

0 Henk 'm!

Topicstarter

Hallo allemaal,

Ik ben wat aan het experimenteren met iframes en javascript.
Ik zou graag de website in een iframe willen veranderen.
Met behulp van deze website heb ik de volgende code getypt:

HTML: index.html

<html>
<head>
    <title>Rooster iFrame</title>
    <script>
        function changeFrame () {
            document.getElementById("frame").src="http://www.google.nl/";
        }
    </script>
</head>
<body>
    <h1>Rooster iFrame Test</h1>
    <iframe id="frame" src="http://www.denieuweveste.nl/data/wcf/lichtkrant/inforooster/vh/website/vervangingsrooster/s/15/s00140.htm" width="900" height="500">No iframes, srry</iframe>
    </br>
    <button onclick="changeFrame();">Klik hier</button>
</body>
</html>

Maar als ik nu op de knop druk, gebeurt er niks.
Maar als ik met chrome de pagina ga inspecteren staat er wel bij src "http://www.google.nl/".

Wat doe ik verkeerd???

Met vriendelijke groeten,
Pascal Drewes

Drenthe, geschakelde woning bj. 1981, 107m2, kruipruimte nageisoleerd, origneel dubbelglas, 6x radiator 19kW@70/55/20, beneden 10x heatfan 5 pro, Tado, Remeha Calenta 28C, Quatt (15-02-2024), 10x Sunpower 390W op Zuid, SMA SB 3.6

woensdag 10 april 2013 11:54

Acties:

0 Henk 'm!

dimako_

Vogel

Lijkt me handig dat je een live/werkende link plaatst, zo kunnen we beter zien wat er mis gaat en kunnen we beter adviseren.

woensdag 10 april 2013 11:55

Acties:

0 Henk 'm!

MissileHugger

I wonder...

Werkt prima hoor. Google is je probleem.

Probeer maar eens een andere site.

woensdag 10 april 2013 11:58

Acties:

0 Henk 'm!

E.R.Y.

Load denied by X-Frame-Options: https://www.google.nl/ does not permit cross-origin framing.

zegt me console....

woensdag 10 april 2013 11:59

Acties:

0 Henk 'm!

pascal-drewes

Topicstarter

Aaaah google is het probleem.

Net een andere website proberen te laden en die deed het wel gewoon.

Dank.

Drenthe, geschakelde woning bj. 1981, 107m2, kruipruimte nageisoleerd, origneel dubbelglas, 6x radiator 19kW@70/55/20, beneden 10x heatfan 5 pro, Tado, Remeha Calenta 28C, Quatt (15-02-2024), 10x Sunpower 390W op Zuid, SMA SB 3.6

woensdag 10 april 2013 12:00

Acties:

0 Henk 'm!

Anoniem: 296939

E.R.Y. schreef op woensdag 10 april 2013 @ 11:58:
Load denied by X-Frame-Options: https://www.google.nl/ does not permit cross-origin framing.

zegt me console....

Inderdaad, Google kan je afaik niet in een iFrame stoppen. Probeer er eens een andere website in te steken

woensdag 10 april 2013 12:00

Acties:

0 Henk 'm!

Jiriki

Google is je vriend, iframes zijn een slechte optie en Google wijst je daar even op

Iframes zorgen trouwens ook voor een lagere ranking bij Google, let daar wel even op.

"Yes," said the skull. "Quit while you're a head, that's what I say." -- (Terry Pratchett, Soul Music)

woensdag 10 april 2013 12:02

Acties:

0 Henk 'm!

pascal-drewes

Topicstarter

Een ranking maakt mij niet zo veel uit.

Het is de bedoeling dat ik het roostersysteem op school een soort nieuw design geef.
Ze hebben elk rooster als apart html bestand op de server staan en die word opgeroepen met javascript.
Alleen nu moet je een hele waslijst doorwerken om bij je eigen rooster te komen.
Ik ga nu proberen om dit handiger te maken.

Hier de website: Klik hier

Drenthe, geschakelde woning bj. 1981, 107m2, kruipruimte nageisoleerd, origneel dubbelglas, 6x radiator 19kW@70/55/20, beneden 10x heatfan 5 pro, Tado, Remeha Calenta 28C, Quatt (15-02-2024), 10x Sunpower 390W op Zuid, SMA SB 3.6

woensdag 10 april 2013 14:29

Acties:

0 Henk 'm!

Herko_ter_Horst

Doe dat dan alsjeblieft niet met framesets/iframes alsjeblieft, dat is zó 1999.

Waarom ook alweer geen framesets/iframes (artikel uit 2005!):
http://www.usabilityweb.n...m-ook-alweer-geen-frames/

Los het netjes op met semantische HTML.

Misschien is het handig om even het probleem nader te omschrijven, dan kunnen we ongetwijfeld betere oplossingen verzinnen dan iframes.

"Any sufficiently advanced technology is indistinguishable from magic."

woensdag 10 april 2013 16:11

Acties:

0 Henk 'm!

pascal-drewes

Topicstarter

Semantische html zegt mij niets.

Nu moet je in de roosters elke keer je eigen klas en naam opzoeken. Maar het moet zo gaan dat door een cookie wordt onthouden wie je bent en in welke klas je zit en dan automatisch het goede rooster voor te schotelen.

Drenthe, geschakelde woning bj. 1981, 107m2, kruipruimte nageisoleerd, origneel dubbelglas, 6x radiator 19kW@70/55/20, beneden 10x heatfan 5 pro, Tado, Remeha Calenta 28C, Quatt (15-02-2024), 10x Sunpower 390W op Zuid, SMA SB 3.6

woensdag 10 april 2013 18:58

Acties:

0 Henk 'm!

Herko_ter_Horst

Net even de site bekeken en het lijkt er op dat je vast zit aan het bestaande systeem dat al met een iframe werkt.

Je code lijkt me dan prima (aangenomen dat je hem uitbreidt met het lezen en zetten van cookies). Je hebt dus alleen de verkeerde site als voorbeeld genomen om in het iframe te laten zien.

P.S. Wikipedia: Semantic HTML

"Any sufficiently advanced technology is indistinguishable from magic."

donderdag 11 april 2013 08:42

Acties:

0 Henk 'm!

Anoniem: 296939

Herko_ter_Horst schreef op woensdag 10 april 2013 @ 14:29:
Doe dat dan alsjeblieft niet met framesets/iframes alsjeblieft, dat is zó 1999.

Waarom ook alweer geen framesets/iframes (artikel uit 2005!):
http://www.usabilityweb.n...m-ook-alweer-geen-frames/

Los het netjes op met semantische HTML.

Misschien is het handig om even het probleem nader te omschrijven, dan kunnen we ongetwijfeld betere oplossingen verzinnen dan iframes.

Je linkje doet het niet maar ik zou het artikel wel eens willen lezen.

donderdag 11 april 2013 12:08

Acties:

0 Henk 'm!

Caelorum

http://www.usabilityweb.n...m-ook-alweer-geen-frames/

*edit* heb het zelf overigens niet gelezen, maar die 5 sec google werk stond me toch toe om het hier even te posten

[ Voor 47% gewijzigd door Caelorum op 11-04-2013 12:09 ]

donderdag 11 april 2013 14:01

Acties:

0 Henk 'm!

pascal-drewes

Topicstarter

Ik heb nu denk ik een mooie oplossing gevonden.
Hij maakt wel gebruik van php.

JavaScript:

function showRooster(str) {

          if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
               xmlhttp=new XMLHttpRequest();
          }
          else
          {// code for IE6, IE5
               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
          
          xmlhttp.onreadystatechange=function()
          {
               if (xmlhttp.readyState==4 && xmlhttp.status==200)
               {
                    document.getElementById("rooster").innerHTML=xmlhttp.responseText;
               }
          }
          xmlhttp.open("GET","return.php?url="+str,true);
          xmlhttp.send();
     }

PHP:

     function rooster($url){
          $ch = curl_init();
          curl_setopt($ch, CURLOPT_URL, $url);
          curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
          $data = curl_exec ($ch);
          curl_close ($ch);
          $almost = explode("</CENTER>", $data);
          $final = explode("<CENTER>", $almost[0]);
          return $final[1];
     }
echo rooster($_GET["url"]);

Mooie oplossing dacht ik zo.

Drenthe, geschakelde woning bj. 1981, 107m2, kruipruimte nageisoleerd, origneel dubbelglas, 6x radiator 19kW@70/55/20, beneden 10x heatfan 5 pro, Tado, Remeha Calenta 28C, Quatt (15-02-2024), 10x Sunpower 390W op Zuid, SMA SB 3.6