Iframe plaatsen/stylen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Applicatie Ontwikkelaar

Bedrijfsomschrijving DUO verzorgt als uitvoeringsorganisatie, zijnde onderdeel van het Ministerie van Onderwijs, Cultuur en Wetenschap de uitvoering van complexe wet- en regelgeving en heeft een uitgebreid dienstenpakket. DUO financiert en informeert onderwijsdeelnemers en onderwijsinstellingen. Voor verdere informatie zie www.duo.nl Functieomschrijving Wie zoeken we? Jij bent een enthousiaste, flexibele OPS’er die het leuk vindt om het bestaande examenlandschap te vernieuwen. Je bent leergierig en hebt interesse in cloud- en containertechnieken zoals OpenShift, Docker en Helm. Je gaat een uitdaging niet uit de weg en wil je nieuw opgedane kennis graag delen met de collega’s binnen en buiten het team. Doordat de

Bekijk vacature »

Front end developer

Functie Binnen de functie van Front-end developer werk je mee aan uitdagende klantprojecten. In teamverband werk je aan de voorkant van onze state-of-the-art portaal oplossingen en apps. Dit alles gebeurt in een multidisciplinaire omgeving waarbij je de ruimte hebt om te sparren, je ideeën scherp te stellen, en waar je met de benodigde kennis en ervaring om je heen altijd terecht kunt bij je collega’s voor vragen en ondersteuning. Meestal werk je vanuit ons kantoor maar we bieden ook alle faciliteiten om thuis te kunnen werken. Voor sommige projecten ga je mee naar de klant, wellicht zelfs in het buitenland!

Bekijk vacature »

Software Developer

Bij een bedrijf in de machinebouw, regio Roosendaal, zijn we op zoek naar een: Software Developer Waar ga je werken? Onze opdrachtgever is gespecialiseerd in de grondverzetmachines. Al meer dan 50 jaar leveren ze zowel nationaal als internationaal diverse machines. Het is een familiebedrijf met een informele werksfeer. Wat ga je doen? Als Software Developer je verantwoordelijk voor: - Je werkt voortdurend aan oplossingen voor het op afstand bewaken en besturen van oogstmachines; - Het visualiseren van gegevens in rapporten, apps of andere formaten; - Voorspellend machineonderhoud; - Taakplanning; - Je schrijft aangepaste plug-ins om gegevens te importeren of exporteren

Bekijk vacature »

Senior Java Ontwikkelaar

Dit ga je doen Werken aan uiteenlopende interne projecten voor grote (internationale) organisaties; Ontwikkelen van diverse (web)applicaties en platformen met technieken als Java, Azure en ASP.NET; Complexe vraagstukken tackelen met jouw expertise en ervaring; Waar nodig help jij je collega's om samen tot de juiste oplossing te komen. Hier ga je werken Als Java Developer kom je te werken bij een internationale organisatie in regio Amsterdam die zich richt op procesoptimalisatie door middel van zeer complexe IT oplossingen. Dit doen zij op het allerhoogste niveau met vestigingen over heel de wereld en met een groot aantal aansprekende, maatschappelijk betrokken klanten.

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Wil jij bij een platte en informele organisatie werken? Lees dan snel verder! Voor een opdrachtgever in omgeving Boskoop dat zich gespecialiseerd heeft in het realiseren van veilige netwerkverbindingen zijn wij op zoek naar een leuke software developer ter versterking van het huidige team. Hoe kan jouw dag er straks uitzien? Je gaat technische klussen uitvoeren op locatie bij klanten.Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Je gaat software en webapplicaties ontwikkelen met behulp van de talen

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: 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 je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Lead Webdeveloper

Als Lead webdeveloper bij KUBUS ben je verantwoordelijk voor het implementatie design van requirements en de software architectuur van de webapplicatie en services van BIMcollab. In je rol als lead developer zoek je als vanzelf op een creatieve manier naar het optimum tussen benodigde implementatie-tijd, de performance van de applicatie en een snelle go-to-market van features, aansluitend bij onze geautomatiseerde test- en release train. Hierbij bewaak je in samenwerking met de andere senior ontwikkelaars in je team de architectuur van de applicatie en adviseer je de product owner over noodzakelijke refactoring om de onderhoudbaarheid van het platform te verbeteren. Ons

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET developer begint jouw dag na een bak koffie met een stand up. De vorderingen worden tijdens de stand up besproken en de doelen worden opgesteld waar jullie als team in de volgende sprint naartoe gaan werken. Onze backend is geschreven in .NET Core en onze Front-end in Angular. Bij ons ga jij dan ook Fullstack aan de slag. Jij wordt hier opgeleid om zelfstandig te kunnen programmeren en applicaties te kunnen implementeren. Er wordt op projectbasis gewerkt, dit bied leuke uitdagingen omdat elke klant een andere visie heeft over de applicatie die wij maken. Je gaat

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Junior Front end developer

Functie Als Front end developer binnen onze organisatie ga jij je bezig houden met het bouwen van de user experience van de webapplicaties. Je bent verantwoordelijk voor het vertalen van concepten, briefings en designs naar werkende functionaliteit. Hierbij zorg je ervoor dat applicaties betrouwbaar, veilig en toekomstbestendig zijn en een goede architectuur hebben en behouden. Verder denk je actief na- en mee over nieuwe ontwikkelingen en functionaliteiten om zo elke dag de klantervaring weer te verbeteren. Dit doe je natuurlijk niet alleen maar in een development team. Het team bedraagt momenteel 4 man bestaande uit 2 devops engineers en 2

Bekijk vacature »

Fullstack Developer

Functieomschrijving Heb je kort geleden jouw HBO diploma ICT development behaald? Of zit je nog aan het begin van je carrière en heb je affiniteit met C#.NET? Voor een erkende werkgever in de omgeving van Oosterhout zijn wij op zoek naar een fullstack developer. Als C#.NET developer werk je samen met een vooruitstrevend team aan het ontwikkelen van maatwerk software voor klanten. Je hebt affiniteit met SQL, maar nog belangrijker is dat je kennis en ervaring hebt met C#.NET. Jouw werkzaamheden zien er als volgt uit: Het ontwikkelen van onze high-availability en high-performance backend; Je begint de dag rond 8:30

Bekijk vacature »

High level C++ QT Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 13486 Introductie Would you like to be involved in every aspect of software development for our exceptional products, from specification and design to testing and integration? If you're passionate about software development and eager to apply your programming skills to create customer-focused deliverables, then this is the perfect chance for you to expand your expertise. You can become a member of our Machine Control department's data-driven development team, where you'll design and build software solutions that optimize machine productivity. As a senior software design engineer, you'll participate in all phases

Bekijk vacature »

Medior/senior front end developer React Sportsoftw

Functie Voor deze functie ben ik op zoek naar een enthousiaste front end developer die communicatief vaardig is. Jij wordt onderdeel van een enthousiast jong team dat werkt aan grote websites. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Dit doe je natuurlijk door gebruik te maken van onze stack; Javascript, HTML, CSS en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor

Bekijk vacature »

Traineeship ICT regio Amsterdam/Utrecht

Wat ga je doen? Het traineeship begint met een fulltime maand cursussen en praktijkdagen, waarin je de basis van het IT-vak leert op de Shared Servicedesk (SSD). Daarnaast ga je meteen aan de slag voor je eerste certificering! (ITILv4). Je start in een groep met 4 tot 10 deelnemers, waarmee jij gedurende die maand optrekt en je kennis kunt delen. Na het voltooien van de eerste maand ga je direct voor een langere periode aan de slag bij één van onze klanten of blijf je intern bij ons op de Shared Servicedesk. Je bent het eerste aanspreekpunt van de eindgebruikers

Bekijk vacature »

Full Stack .NET Developer

Dit ga je doen Als developer nieuwe gave features ontwikkelen; Werken met technieken als C#, Angular 12 en Javascript,; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een team van 7 professionals ben je als Full Stack .NET Developer verantwoordelijk voor het ontwikkelen van applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je hierbij beheerst is C#. Wil je van meerwaarde

Bekijk vacature »
Jerry php

Jerry php

07/06/2013 09:01:02
Quote Anchor link
Beste mensen,

eindelijk heb ik mijn iframe werkend, alleen nu gaat hij nog niet helemaal soepel op de website. hij past de style van de bestaande website aan, en dat moet natuurlijk niet.

zie: www.ikprint.nl

daar zie je aan de zijkant een balk, die moet position fixed zijn en dan gewoon meescrollen, maar de rest van website moet hetzelfde blijven.

Ik gebruik dit als iframe code:
<iframe src="http://www.ikprint.nl/test/index.php" height="40%" width="40%" style="position: fixed; right: 0;" frameborder="0" />

Ik krijg ook deze melding in mijn firebug console:
ReferenceError: $ is not defined
[Afbreken op deze fout]

$(document).ready(function() {

Maar daar begint mijn jquery, maar ik begrjip niet wat er fout aan is, want mijn jquery werkt wel gewoon in het iframe.

Kan iemand mij helpen zodat hij wel gewoon goed werkt?
Gewijzigd op 07/06/2013 09:02:46 door Jerry php
 
PHP hulp

PHP hulp

05/11/2024 22:19:45
 
Chris PHP

Chris PHP

07/06/2013 09:08:12
Quote Anchor link
Anders plaats eens wat relevante code van je pagina.

Waarom gebruik je iframe's? Dit is in deze tijd meer gemakzucht en wordt nauwelijks meer gebruikt. Ik raad je aan om het gewoon met div'jes te doen, moet je een externe pagina inladen, of wil je dat? Anders kan ik me geen reden verzinnen waarom je iframes zou willen gebruiken.
 
Jerry php

Jerry php

07/06/2013 09:10:02
Quote Anchor link
Het moet, deze balk moet namelijk op andere websites komen dmv ongeveer 2 regels ;)

En andere plaatsen heb ik al geprobeerd, ik krijg hetzelfde probleem, maar dan bijvoorbeeld met andere plaatsen. Zoals dat de header in een keer full page is ofzo.. Dus hij pakt dan heel dat stuk, zoals hij nu doet.
 
Chris PHP

Chris PHP

07/06/2013 09:15:57
Quote Anchor link
Maar, als die 'balk' op andere website's moeten komen is het toch aan hun hoe ze het verwerken in hun website? Jij maakt een balk met linkjes, etc en een afmeting, het is aan die beheerders om het juist in de site te verwerken.

Anders zet dat iframe eens in een div met dezelfde afmeting, dan kun je die div stylen en plaatsen. Wat je ook kunt doen is die inline css (je style="....") eruit slopen en je iframe gewoon een id geven. Dan style je dat id in je stylesheet, en ga je spelen met verschillende instellingen.

P.S. tevens heb je ook veel 'onzin' in je stylesheet staan. Zo heb je bij #article alle border en marges los staan en op 0px, waarom is dit? is compleet overbodig.
Gewijzigd op 07/06/2013 09:20:03 door Chris PHP
 
Jerry php

Jerry php

07/06/2013 09:20:11
Quote Anchor link
Ja, dat heb ik al gedaan. Maar de klanten moeten juist niets doen aan het balkje, de balk wordt namelijk automatisch geplaatst als je het iframe erinzet, dat is in ieders geval de bedoeling. En daardoor heb ik hem fixed gemaakt, dan gaat hij altijd met de pagina mee, en zou hij eigenlijk gewoon op de plaats moeten komen waar ik hem heb ingesteld, links in het midden dus. Maar hij past de gehele css aan, dan moet toch niet kunnen? Hoe los ik dit op?

Toevoeging op 07/06/2013 09:22:54:

Dat komt omdat het een en ander uit die website heb gesloopt, maar de css niet verandert heb, maar wanneer de div uit de html is, kan de css geen kwaad.
 
Chris PHP

Chris PHP

07/06/2013 09:29:35
Quote Anchor link
Nogmaals,

JIJ kunt niet vanuit jou iframe bepalen hoe de beheerder jou iframe inlaad. Jij kunt hem bij jou fixed maken, maar als ik hem rechtsonder zet en hem mee laat scrollen bepaal ik dat.

Test dit, door die pagina op een andere website ZONDER te stylen in te laden, en kijk wat er gebeurd. Tevens heb je het iframe in het article div staan wat waarschijnlijk WEL meescrolled. Dus je iframe staat fixed in die div wat geen enkel nut heeft.

Plaats dat iframe eens buitend die div.
 
Jerry php

Jerry php

07/06/2013 09:33:37
Quote Anchor link
Ja dan werkt hij wel als ik hem op een lege pagina zet, dat is juist het rare.

Maar dat klopt ook, het maakt mij niet uit waar je hem neerzet, het gaat er mij om dat hij altijd mee scrollt en de pagina niet verkeerd wordt zoals nu.

Toevoeging op 07/06/2013 09:33:55:

Ik heb hem nu onder de body tag geplaatst.
 
Chris PHP

Chris PHP

07/06/2013 09:39:23
Quote Anchor link
Dat is niet raar, jij zet hem in een 'kleine' div die met je hoofdpagina mee scrolled. Dus alles wat je IN die div zit ondanks dat het fixed is zal het ALTIJD met mee scrollen.

Lijkt me vrij logisch toch?
 
Jerry php

Jerry php

07/06/2013 09:44:23
Quote Anchor link
Maar waar zou ik hem dan moeten neerzetten of iets dergelijks? Ik begrijp het niet zo goed wat ik nu moet doen.

Toevoeging op 07/06/2013 09:55:58:

Ik heb nu al wel een verandering. ik had iframe afgesloten met /> en nu gewoon met </iframe>

Dat scheelt al heel veel, enkel is mijn footer nog niet terug..

heb je een idee?
 
Chris PHP

Chris PHP

07/06/2013 10:10:53
Quote Anchor link
Uhmmm... als ik kijk op je pagina staat er geen footer in, dus ook logisch dat je die niet ziet. Misschien per ongeluk verwijderd met wijzigingen?
 
Jerry php

Jerry php

07/06/2013 10:13:31
Quote Anchor link
Nee want in mijn index.php heb ik gewoon een include staan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
include 'includes/footer.php';
?>


Maar die ziet hij op een of andere manier niet meer..
 
Chris PHP

Chris PHP

07/06/2013 10:22:01
Quote Anchor link
Ja je include is fout, waarschijnlijk pakt hij daarom je footer niet. Zoals ik al zei hij staat niet op je pagina.

Include werkt zo:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
include ('includes/footer.php');
?>
 
Jerry php

Jerry php

07/06/2013 10:33:12
Quote Anchor link
Hij is leeg.. mega stomme fout, sorry..
 
Chris PHP

Chris PHP

07/06/2013 11:03:03
Quote Anchor link
Tja dan zul je ook niet veel zien :-P
 



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.