iframe getelementbyid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior .NET developer

Functie Wij zijn bezig met het ontwikkelen van een nieuw product en wij hebben jouw hulp hierbij nodig! Als junior .NET ontwikkelaar krijg jij de kans om samen met ons deze nieuwe uitdaging aan te gaan! Momenteel bestaat ons team uit drie interim Software Engineers. Twee hiervan zijn zeer ervaren .NET specialisten die inmiddels hun strepen in dit vakgebied al hebben behaald. Ook hebben wij een junior als onderdeel van ons team die zich op dit moment nog bezig houdt met de Front-end (Angular/TypeScript), maar zich nu ook meer gaat verdiepen in de backend. Wij willen ons team graag verder

Bekijk vacature »

Als PHP developer (Symfony) bijdragen aan betere z

Functie Als Medior/Senior PHP developer wordt er een mate van zelfstandigheid verwacht, maar ook dat je goed in een team kunt opereren waar kennis wordt gedeeld en er bijvoorbeeld codereviews plaatsvinden. Kwaliteit staat voorop, mede hierom werken ze bijvoorbeeld zonder echte deadlines in hun sprints. De SaaS-applicatie wordt volledig ontwikkeld in PHP en Symfony. De module bestaat uit een stuk informatie verrijking en intelligentie wat resulteert in een medische check. De logica wordt daarom in de code geïntrigeerd. Je bent onder andere bezig met complexe databases waar meer dan 80.000 medicijnen op verschillende niveaus in staan, die maandelijks worden geactualiseerd.

Bekijk vacature »

Lead Front-end developer

Functie Hun huidige applicatie worden ontwikkeld in o.a. React, Redux, TypeScript. Ze werken graag met de nieuwste technieken en tooling en zoeken ook developers die hier proactief op zoek naar gaan. Als senior/lead developer ben je een kartrekker in het team. Naast het meedenken over bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Zo kun je bijvoorbeeld 1 dag in de week met 2 collega’s bezig zijn om samen met hen te kijken naar hun ontwikkeling, doelstellingen en uiteraard de gewenste begeleiding hierin. Hiernaast sta je als

Bekijk vacature »

Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Opleveren van mooie eindproducten, middels de Agile methodiek; Samenwerken in een team van 10 collega's; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als Developer kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven. De

Bekijk vacature »

Lead developer

Functie Als Lead developer wordt jij onderdeel van een multidisciplinair team van circa 23 software engineers. Als team werken jullie agile en zijn termen als Continuous Integration en Continuous Delivery dagelijkse koek. Jullie werken aan uitdagende en afwisselende projecten met als doel klanten een totaal oplossing aan te kunnen bieden. Jij wordt verantwoordelijk voor complete projecten waarbij jij als verantwoordelijke zorgt dat het project op de juiste manier blijft draaien. Zo haal jij ook de requirements op bij de klant en kijk jij samen met het team en met de salesafdeling hoeveel uren hiervoor nodig zijn. Daarnaast stuur jij jouw

Bekijk vacature »

Lead React Developer

Dit ga je doen Als Lead React Developer zul jij je voornamelijk gaan bezighouden met: Het werken aan tal van uiteenlopende projecten waar gloednieuwe (web)applicaties van scratch af aan ontwikkeld worden met o.a. React (Native) en Drupal; Het aansturen van een team bestaande uit 5-6 talentvolle en gedreven ontwikkelaars; Het adviseren en meedenken over nieuwe (technische) oplossingen en te gebruiken tools/frameworks; Het meedenken over de architectuur en de juiste implementatiebeslissingen maken; De doorontwikkeling van huidige applicaties. Hier ga je werken Als je inderdaad een ervaren Lead React Developer bent die zichzelf graag nog verder wil ontwikkelen dan is het goed

Bekijk vacature »

Technical Asset Specialist Substations

TenneT is growing fast to realize its strategic ambitions. We play a leading role in driving the energy transition. We are looking for a passionate Technical Asset Specialist for substations (onshore and offshore) at our location in Arnhem who will contribute to this and that might be you? Your contribution to TenneT We are searching for a motivated and engaged colleague as a technical asset specialist (onshore and offshore) for instrument transformers and surge arresters, with preferably a strong background in the area of insulation coordination. As a specialist for insulation coordination you are responsible for overarching topics regarding insultation

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

Bekijk vacature »

Senior Front end developer Digital Agency

Functie Jij als Front end developer komt te werken in een van de 8 multidisciplinaire teams binnen de organisatie. Deze teams werken op basis van Scrum agile in 2 wekelijkse sprints. De grootte van de teams varieert van 9-14 collega’s en bestaan altijd uit één of meerdere project managers en een project manager. Samen met je team werk je aan verschillende projecten voor uiteenlopende klanten zoals grote multinationals tot het kleine mkb. De stack waarmee gewerkt wordt is voornamelijk Javascript, ES6, Es.next, HTML, CSS, React.js en Node.js. Wat deze organisatie onderscheid is dat ze echt langdurige partnerships aangaan met hun

Bekijk vacature »

Als PHP developer bijdragen aan beter onderwijs?

Functie Momenteel zijn ze op zoek naar een PHP developer die mee gaat werken aan de (door)ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP), Vue.js en

Bekijk vacature »

PHP Back-end Developer

Vacature details Vakgebied: Software/IT Opleiding: Starter Werklocatie: Nijmegen Vacature ID: 13633 Introductie OUr client develop websites, webshops, and digital environments that are used by many visitors daily. They are seeking an experienced PHP-Developer Back-end to join the team. If you're looking for a position where you can tackle challenging, innovative, and multidisciplinary ICT projects and make a difference, this vacancy might be for you! Functieomschrijving As a PHP developer, you'll develop websites and digital environments used by many visitors daily. You'll work as a back-end developer and want to continuously develop in this field. You can work independently and efficiently,

Bekijk vacature »

Front-end developer gezocht

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

.NET developer

Functie Jij begint als .NET ontwikkelaar in een team met 10 andere Software Engineers. De werkzaamheden zijn afwisselend, zo kan het dat jij bezig bent met volledig nieuwe features of het door ontwikkelen van bestaande sites of shops. Wij ontwikkelen web applicaties, maar ook mobiele applicaties. Daarnaast bijt jij je soms ook van in externe koppelingen met systemen zoals een ERP. Als team is er een duidelijke focus m.b.t. het waarborgen van de performance en snelheid van webshops. Ook zijn wij expert op het gebied van configuratoren. Kortom enorm veel afwisselende werkzaamheden! Ook jouw werkplek kan afwisselend zijn. Soms heb

Bekijk vacature »

Lead Fullstack developer

Functie omschrijving Ben jij een leergierige en ambitieuze junior developer met technische skills? Ben jij op zoek naar een werkgever die jouw de volledige vrijheid geeft om jezelf tot een volwaardige senior te ontwikkelen? Wij zijn op zoek naar een full stack developer die zich bezig wil bezig houden met het uitbreiden en verbeteren van de online webshop. Een onderdeel van jouw werkzaamheden is naast het beheren van de webshop ook om de processen en structuren te stroomlijnen. Werkzaamheden Onderhouden van de webshop (denk aan het bijhouden van de voorraad); Nieuwe functies toevoegen aan de product configurator door middel van

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun

Bekijk vacature »

Pagina: 1 2 volgende »

Ozzie PHP

Ozzie PHP

01/12/2010 14:19:32
Quote Anchor link
Zie onderstaand voorbeeld. Ik maak een pagina die op een externe pagina wordt ingesloten middels een iFrame. Omdat de hoogte van mijn pagina varieert, wil ik de hoogte van het iframe ook kunnen laten varieren. Dit wil ik via een javascript doen vanaf mijn eigen pagina. Echter het lukt me niet om het iframe via document.getElementById('IFRAME') "op te pakken". Ik krijg dan telkens als waarde null. Weet iemand of dit kan, en zo ja hoe?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<html>
<head>
</head>
<body>
<iframe id="IFRAME" src="mijnpagina.html"></iframe>
</body>
</html>
Gewijzigd op 01/12/2010 14:51:58 door Ozzie PHP
 
PHP hulp

PHP hulp

27/11/2024 09:49:55
 
Kris Peeters

Kris Peeters

01/12/2010 14:49:35
Quote Anchor link
Ik weet niet of het enkel dit is, maar je moet je aanhalingstekens van src sluiten.
 
Ozzie PHP

Ozzie PHP

01/12/2010 14:52:56
Quote Anchor link
Nee dat is het niet, had dit even als voorbeeld getypt maar toch bedankt ;)

Iemand een idee?
 
Jelmer -

Jelmer -

01/12/2010 15:49:47
Quote Anchor link
Hmm, het kan kloppen dat je niet bij de inhoud van dat iframe kan (vanwege de cross domain policy) maar document.getElementById zou je tenminste en HTMLElement moeten opleveren. Heb je een online voorbeeld waar het niet lukt?
Gewijzigd op 01/12/2010 15:50:00 door Jelmer -
 
Kris Peeters

Kris Peeters

01/12/2010 15:52:21
Quote Anchor link
Het iframe resizen is niet zo moeilijk. Een voorbeeld
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
  <head>
    <script>
      function resize_iframe(width, height) {
        var iframe = document.getElementById('IFRAME');
        iframe.style.width = width +'px';
        iframe.style.height = height +'px';
      }
    </script>
  </head>
  <body>
  <iframe id="IFRAME" src="mijnpagina.html"></iframe><br/>
  Resize to 400 x 600 <input type="button" value="klik" onclick="resize_iframe(400, 600)"/><br/>
  Resize to 200 x 100 <input type="button" value="klik" onclick="resize_iframe(200, 100)"/><br/>
  </body>
</html>


Nu, ik veronderstel dat je vooral zit met problemen om elementen aan te spreken die in mijnpagina.html staan, vanuit de parent pagina (Of vice versa).

Om eerlijk te zijn, ik ben al jaren niet meer bezig met iframes; ik zou het moeten opzoeken
 
Ozzie PHP

Ozzie PHP

01/12/2010 15:56:54
Quote Anchor link
@jelmer: nee helaas niet online

@kris: het probleem is dat ik dat javascript niet vanuit de "hoofdpagina" wil aanroepen, dus op de plek waar jij het nu hebt neergezet, maar vanuit "mijnpagina.html".
 
Kris Peeters

Kris Peeters

01/12/2010 16:01:51
Quote Anchor link
Even geGoogled.
Om een parent venster aan te spreken: parent.document.

Voorbeeld:
index.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<html>
  <head>
  </head>
  <body>
  <iframe id="IFRAME" src="mijnpagina.html"></iframe><br/>
  </body>
</html>


mijnpagina.html
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
  <head>
    <script>
      function resize_iframe(width, height) {
        var iframe = parent.document.getElementById('IFRAME');
        iframe.style.width = width +'px';
        iframe.style.height = height +'px';
      }
    </script>
  </head>
  <body>
  Resize to 400 x 600 <input type="button" value="klik" onclick="resize_iframe(400, 600)"/><br/>
  Resize to 200 x 100 <input type="button" value="klik" onclick="resize_iframe(200, 100)"/><br/>
  </body>
</html>
 
Ozzie PHP

Ozzie PHP

01/12/2010 16:19:53
Quote Anchor link
pfff... helaas... het werkt niet :-(
 
Kris Peeters

Kris Peeters

01/12/2010 16:46:12
Quote Anchor link
Wat ik postte werkt hoor.

Met IE zou je wel kunnen tegenkomen dat dit geblokkeerd wordt wanneer de files op je localhost staan en dus niet op een server.
Gewijzigd op 01/12/2010 16:48:37 door Kris Peeters
 
Ozzie PHP

Ozzie PHP

01/12/2010 16:46:58
Quote Anchor link
was het maar waar...
 
Maarten PHP

Maarten PHP

01/12/2010 17:37:32
Quote Anchor link
jQuery??
 
Ozzie PHP

Ozzie PHP

01/12/2010 17:53:38
Quote Anchor link
Mja,alleen om de hoogte van een iframe aan te passen? :s
Ik ga morgen nog wel ff verder knutselen, word er nu een beetje mesjogge van!

Toevoeging op 02/12/2010 10:30:02:

Oke, wie kan me helpen?

Ik heb de meest recente jquery file in de head van "mijnpagina" als volgt ingesloten:

<script type="text/javascript" src="http://ww.mijnpagina.nl/jquery-1.4.4.min.js"></script>

Ik heb op internet een jQuery scriptje gevonden en deze in "mijnpagina" in de body geplaatst.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<script type="text/javascript">
$(document).ready(function(){
    var iheight = $(document).height();
    $('#iFrame', window.parent.document).attr('HEIGHT', iheight);
});
</script>


"Mijnpagina" wordt in een I-frame op een externe pagina als volgt ingesloten.

<iframe id="iFrame" src="http://www.mijnpagina.nl" frameborder="#" style="border:none;width:900px;"></iframe>

Hij zou nu automatisch de hoogte van het I-frame moeten aanpassen aan de inhoud, maar helaas... er gebeurt niks :(
Gewijzigd op 02/12/2010 10:32:30 door Ozzie PHP
 
Jelmer -

Jelmer -

02/12/2010 14:14:12
Quote Anchor link
Staat die pagina waarin je het iframe zet, en die pagina die je in dat iframe laadt op hetzelfde domein? Zo nee, dan, zoals ik al zei, heb je last van de cross domain policy.
 
Ozzie PHP

Ozzie PHP

02/12/2010 14:20:35
Quote Anchor link
Ah oke... nee die staan niet op hetzelfde domein... maar als ik met jQuery dit doe alert($('#IFRAME)) dan krijg ik wel een alertbox met "object" te zien. Maar als ik jou dus goed begrijp kan ik de hoogte niet aanpassen omdat het op 2 verschillende domeinen staat.. pffff.... da's kl#te!! En een andere oplossing in plaats van een iframe is er niet he denk ik?
 
Jelmer -

Jelmer -

02/12/2010 14:34:26
Quote Anchor link
Ik weet niet wat je wil bereiken met dat iframe, kan ik moeilijk zeggen dat ik daarvoor een andere oplossing weet he? :P
 
Ozzie PHP

Ozzie PHP

02/12/2010 14:47:27
Quote Anchor link
hehe... heel simpel:

Website B (die van mij) moet getoond worden op website A op een apart gedeelte van die site. Mja, kan volgens mij alleen met een iFrame :-s
 

02/12/2010 16:04:08
Quote Anchor link
Volgens mij is het zo dat je een iframe element niet kan benaderen, omdat je dan in feite de data (hoogte is ook data) van die andere website aanpast.
Wat moet er precies van website B op A komen?
 
Ozzie PHP

Ozzie PHP

02/12/2010 16:08:42
Quote Anchor link
Echt een subsite met eigen navigatie. Heb ik dus echt een iframe voor nodig. Naja.. ik geef m voorlopig wel een vaste hoogte dan :)
 
Kris Peeters

Kris Peeters

02/12/2010 16:20:16
Quote Anchor link
Heb je iets online, dat je kan tonen?
 
Ozzie PHP

Ozzie PHP

02/12/2010 16:22:12
Quote Anchor link
Nee, staat lokaal... maar als het niet kan dan moet ik me er (voorlopig) maar bij neerleggen.
 
Milo S

Milo S

02/12/2010 16:37:19
Quote Anchor link
Al een gekeken naar file_get_contents, of kan je dan niet bereiken wat je wilt?
 

Pagina: 1 2 volgende »



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.