Hoogte van div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Python Developer (Junior / Medior)

Python Developer (Software Development , Techniek, Python, CAD, FEM,regio Rotterdam) Intro / Organisatie Onze klant is gespecialiseerd in ondergrondse pijpleidingsystemen, zowel op het gebied van engineering als ontwikkeling. Dit doen zij door de technische kennis naar de uitvoering te vertalen. Deze diensten worden veelal geleverd in de stedelijke voorzieningen en de procesindustrie. Deze organisatie biedt goede arbeidsvoorwaarden en meer dan genoeg anti-stressmateriaal zoals een professionele pooltafel en game mogelijkheden. In deze organisatie sta jij als persoon centraal. Men biedt veel mogelijkheden voor doorgroei en nevenactiviteiten als je hier interesse in hebt. Daarnaast kun jij na jouw inwerktraject gebruik maken van

Bekijk vacature »

.NET Developer

.NET Developer De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Samen met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Je hebt behoefte aan collegae die jou alles leren op het gebied van technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt geen zin in een 60-urige werkweek maar haalt wel plezier uit zo nu en dan een

Bekijk vacature »

Java-developer

Functie­omschrijving De aanvraag van een paspoort. Of de afdracht van belasting. Zomaar wat voorbeelden waarvoor de Rijksoverheid persoonlijke gegevens van burgers gebruikt. Als Java-developer bij de Dienst ICT Uitvoering in Den Haag zorg je mede voor het beheer en onderhoud van de hoogbeveiligde applicaties waarin die informatie wordt verwerkt. Een maatschappelijk verantwoorde functie? Reken maar! In een van de vier scrum-teams van het team Applicatiebeheer en Ontwikkeling werk jij aan een of meerdere applicaties voor de Rijksdienst voor Identiteitsgegevens. Deze applicaties zijn onderverdeeld in de domeinen ID-gegevens en Reisdocumenten. Jij zorgt niet alleen voor kleinschalig primair onderhoud, bijvoorbeeld als er

Bekijk vacature »

Starter Beta WO afgestudeerd traineeship Developer

Functieomschrijving Tijdens het traineeship krijg je de keuze om jezelf te ontwikkelen als developer. Welke richting (Front-end/Backend/Fullstack developer) dat mag jij zelf kiezen. Samen met met je collega's ga je kijken welke route het beste bij jou past en daar wordt een persoonlijk groeipad voor ontwikkeld. Ze zoeken wel mensen die (enige) ervaring hebben binnen development dus passie voor IT en programmeren is hier wel een must. Functie-eisen - Je hebt een afgeronde master of bachelor opleiding met béta component; - Je hebt kennis van een of meerdere programmeertalen; - Je bent creatief en denkt out-of-the-box; - Je bent gedreven

Bekijk vacature »

.NET Developer / Angular / React

Functieomschrijving Haal jij als .NET Developer energie uit het ontwikkelen van bedrijfskritische .NET applicaties en vind jij het ook leuk om de door jouw gebouwde .NET applicaties te beheren en door te ontwikkelen, waarmee je de kwaliteit van de .NET applicaties weet te waarborgen? Lees dan snel verder Het ontwikkelen van bedrijfskritische applicaties; Het onderhouden en beheren van de applicaties; Het uitvoeren van patches, testen, change- en incidentmanagement; Meedenken over technische ontwikkelingen; Het pro-actief aandragen van verbeteringen. Functie-eisen Hbo denk- en werkniveau; Minimaal 2 jaar ervaring met .NET; Aantoonbare ervaring met het ontwikkelen en beheer van van applicaties; Aantoonbare ervaring

Bekijk vacature »

.NET C# web developer gezocht, inhouse project dev

Ben je een ervaren .NET C# web developer en op zoek naar een leuke baan in het zuiden van Zuid-Holland? Een inhouse functie maar met de afwisseling van verschillende projecten en klanten? Projecten die uitdagend zijn door de complexiteit van de systemen? Lees dan verder! Voor een bedrijf in Goeree-Overflakkee zijn we momenteel op zoek naar een ervaren .NET C# web developer. Het bedrijf bestaat uit iets meer dan 20 werknemers en verschillende ervaren software developers. De software projecten zijn uiteenlopend, maar altijd maatwerk oplossingen en veelal complex en bedrijfskritisch van karakter. De bedrijven waarvoor je software ontwikkeld kunnen variëren

Bekijk vacature »

C# developer gezocht (distributed systems, SOA, NS

Ben je een C# developer met een oplossingsgerichte mentaliteit en op zoek naar een veelzijdige baan binnen een kleinschalig dynamisch bedrijf, waar je mee kunt denken in het groter geheel? Waar je met mensen komt te werken die betrokken zijn en een gemeenschappelijk gevoel van verantwoordelijkheid hebben? En waar je werkt aan schaalbaarheidsuitdagingen zodat jouw software grote hoeveelheden data kan verwerken? Nieuwsgierig? Lees dan verder! Voor een Rotterdams bedrijf zijn we op zoek naar een enthousiaste, en met name leergierige, full stack developer of een web developer die graag full stack wil worden. Het bedrijf biedt geavanceerde technische oplossingen die

Bekijk vacature »

Mobile App Developer

Ons Mobile-ontwikkelteam zoekt een gedreven Mobile App Ontwikkelaar. Ben jij analytisch en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. Je kunt hierbij denken aan apps voor verpleegkundigen, thuiszorgmedewerkers, de sterilisatieafdeling en - natuurlijk - de artsen zelf. Door jouw hands-on-mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg). Samen met je collega’s ben je verantwoordelijk voor het ontwerpen en

Bekijk vacature »

.NET Developer Medicatie / Apotheek

Jij krijgt een kick van het ontwikkelen van complexe software. Voor onze vestiging in Heerenveen zoeken wij een .NET Developer Medicatie / Apotheek die graag met de laatste Microsoft-tools en -technieken wil werken. Interessant? Lees snel verder! Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van de module Medicatie / Logistiek & Apotheek. Je gaat nauw samen werken met zowel de interne als externe klant om nieuwe functionaliteiten te ontwikkelen om onze klanten te ondersteunen in hun werkproces. Het gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. ChipSoft maakt

Bekijk vacature »

Fullstack .NET developer voor het onderwijs

Functieomschrijving Onze klant bouwt SAAS oplossingen voor het onderwijs en ze hebben inmiddels een aantal innoverende applicaties in de markt staan. Je gaat samen met je team op Scrum basis aan de slag om deze .NET applicaties verder te verbeteren en uit te bouwen. Je team bestaat uit een aantal .NET developers en frontenders en naast technisch uitdagend development werk, ga je ook meedenken met de architectuur en zorg je dat de kwaliteit van de applicaties hoog zijn want ze moeten altijd stabiel en snel werken! Functie-eisen - Je hebt een afgeronde HBO opleiding (IT) - Je hebt ervaring met

Bekijk vacature »

ROBOTICS PROCESS AUTOMATION DEVELOPER

ROBOTICS PROCESS AUTOMATION DEVELOPER Heerlen Technology 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. Transform the world around you by unleashing your skills and crafting the next generation of technology. Put your expertise to work as part of the world’s largest independent technology services provider and lead the way as a trendsetter in your field. We’re ready if you are. Your job As Robotics Process Automation Developer, you will be responsible for the development and delivery of intelligent automation solutions to internal and external clients. You will be

Bekijk vacature »

UI & Front End Developer

Position: UI & Front End Developer Location: Hoofddrop, Netherlands Type: Fixed Term Employment (12 Months Contract) Notice: Immediate Looking for the UI & Front End Developer, who is responsible for to provide the user interface solution to the end user, including the final look, feel and behavior of the interface in different contexts Technical Skills: Delivering a complete UI & Front-End application 6 to 8 years hands on experience in Angular with latest version(Ver 4+) Ensuring high performance on mobile and desktop Writing tested, idiomatic, and documented JavaScript, HTML and CSS Coordinating the workflow between the graphic designer, the HTML

Bekijk vacature »

Front-end Developer Vue.js Meewerkend voorman

Functieomschrijving Ben jij een ervaren Front-end Developer, bedreven in Vue.js en lijkt het jou gaaf om als meewerkend voorman verantwoordelijk te zijn voor de ontwikkeling van drie junior ontwikkelaars? Werk jij graag aan diverse projecten t.b.v. het vergroten van klant- en medewerkerbeleving? Lee dan snel verder! Het onderhouden, ontwikkelen en testen van front-end software van diverse klant- en medewerkersapplicaties; Het ontwikkelen van maatwerk front-end oplossingen in Vue.js en participeren in een scrumteam; Verantwoordelijk voor het begeleiden en coachen van drie junior front-end developers; Verantwoordelijk voor code-reviews en het opstellen van de juiste documentatie zoals userstories en api ontwerp; Participeren in

Bekijk vacature »

Medior Java Developer Java Spring Boot 10 months p

Functieomschrijving Do you have a Network & Security mindset? Are you someone that takes it on and make it happen? Do you have relevant knowledge with configuration tools such as Ansible, Puppet or Chef? Do you have working experience with Java and Spring Boot? Then this could be your next project! Developing a microservices application with Java and Spring Boot; Writing new automation workflows; Developing new interfaces; Refactoring code; Execute code reviews; Being responsible for automating the deployments; Deploying the applications; Monitoring and optimizing the application; Working according to the Scrum methodology; Sharing your knowledge, ideas and keeping colleagues up-to-date

Bekijk vacature »

iOS developer in The Hague (non-Dutch/relocation p

Functieomschrijving As a iOS developer you will be working on the development of a complex app which communicates through a JSON Rest/API with the backend. This app will be targeted to business-to-business telecommunication market. They use Swift as a basis and you get the opportunity to work on several interesting project. The team consists of iOS but also experienced Android developers so you get the chance to learn from experts within the field of mobile development and so grow significantly as a developer. Once you are 'up and running', you will be given enough freedom and opportunities to approach your

Bekijk vacature »
Lord Gaga

Lord Gaga

19/03/2013 23:11:53
Quote Anchor link
Hallo,

Ik probeer de hoogte van een div te krijgen maar deze geeft niet de juiste hoogte weer, ik ben erachter gekomen dat dit door een afbeelding komt die er in staat.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

<div class="rectangle">
    <img src="/image.png" alt="Afbeelding" draggable="false">
</div>
        
<script type="text/javascript">
    alert(jQuery('.rectangle').height());
</script>


Bovenstaande script geeft als hoogte '0' weer terwijl de afbeelding 73 pixels hoog is en de div dus ook 73 pixels hoog zou moeten zijn.

Hoe los ik dit probleem op?

Alvast bedankt!
Gewijzigd op 19/03/2013 23:12:03 door Lord Gaga
 
PHP hulp

PHP hulp

03/08/2020 10:45:14
 
Joey Drieling

Joey Drieling

20/03/2013 00:08:43
Quote Anchor link
Volgens mij vraagt hij nu de gezete hoogte die dus niet gezet is en dus nul is. Je zult denk een andere functie moeten hebben.
Gewijzigd op 20/03/2013 00:18:30 door Joey Drieling
 
Tim S

Tim S

20/03/2013 01:44:23
Quote Anchor link
.height zou volgens mij gewoon moeten werken, zie voorbeeld: http://api.jquery.com/height/
 
Lord Gaga

Lord Gaga

20/03/2013 08:23:51
Quote Anchor link
De afbeelding is 73 pixels hoog, in Chrome geeft hij 0px weer, in IE9 geeft hij 77px weer en in Firefox geeft hij gewoon 73px aan..

Ik meen me trouwens te herinneren dat het wel werkt als je de afbeelding een hoogte (en breedte volgens mij) meegeeft in de CSS, dus dan hou ik het daar maar bij..
 
Joey Drieling

Joey Drieling

20/03/2013 09:40:14
Quote Anchor link
Dat was ook wat ik bedoelde height zet wel in elke browser correct, alleen opvragen verchilt per browser.
 
Joakim Broden

Joakim Broden

20/03/2013 10:08:38
Quote Anchor link
Heb je een online voorbeeld, zodat we even kunnen kijken? Dit kan verschillende oorzaken hebben door bv CSS. Als je afbeelding bv een float heeft, groeit de div niet mee.
 
Lord Gaga

Lord Gaga

20/03/2013 12:14:09
Quote Anchor link
Hertog Jan op 20/03/2013 10:08:38:
Heb je een online voorbeeld, zodat we even kunnen kijken? Dit kan verschillende oorzaken hebben door bv CSS. Als je afbeelding bv een float heeft, groeit de div niet mee.


Ik heb hier zo geen voorbeeld bij de hand, maar het probleem doet zich ook voor zonder dat er CSS wordt gebruikt.

De div groeit trouwens wel mee, het ziet er dus gewoon uit zoals het eruit hoort te zien, alleen de goede hoogte wordt niet weergegeven
 
Tim S

Tim S

20/03/2013 15:04:10
Quote Anchor link
Ik heb zelf ook problemen gehad met .height, gaf soms wel een verschil van 100px. Misschien is .height gewoon niet zo betrouwbaar. Werkt het wel als je geen afbeelding in de div hebt maar alleen wat tekst?
 
Lord Gaga

Lord Gaga

20/03/2013 18:25:05
Quote Anchor link
Tim Slootweg op 20/03/2013 15:04:10:
Ik heb zelf ook problemen gehad met .height, gaf soms wel een verschil van 100px. Misschien is .height gewoon niet zo betrouwbaar. Werkt het wel als je geen afbeelding in de div hebt maar alleen wat tekst?


Ja, dat werkt wel gewoon, als ik een divje heb die vol zit met afbeeldingen en tekst dan krijg ik de hoogte van de div - de hoogte van alle afbeeldingen..
 
Joey Drieling

Joey Drieling

20/03/2013 18:32:09
Quote Anchor link
En als je nou je script in een onload functie zet heb Zo idee dat hij de plaatjes niet mee rekent aangezien ze niet geladen zijn
 
Lord Gaga

Lord Gaga

20/03/2013 18:50:01
Quote Anchor link
Ik heb geprobeerd de hoogte weer te gaven na $(document).ready() en zelfs na $('afbeelding waar het om gaat').ready() maar zelfs dan wordt de afbeelding niet meegeteld.. :/
 
Joey Drieling

Joey Drieling

20/03/2013 18:52:54
Quote Anchor link
Okay jha dan weet ik het verder ook niet.
 
Tim S

Tim S

20/03/2013 18:55:06
Quote Anchor link
Je kan voor de grap de img even een id geven en daar de hoogte van opvragen. Anders gewoon even hoogte geven in css zoals je zei.
 
Lord Gaga

Lord Gaga

20/03/2013 19:01:20
Quote Anchor link
Ik merk net dat als je de pagina verlaat en dan op 'vorige' klikt de juiste hoogte wél gewoon wordt weergegeven, maar ik ga inderdaad gewoon al mijn afbeeldingen een hoogte opgeven in CSS :-)
 
Frank Nietbelangrijk

Frank Nietbelangrijk

20/03/2013 19:16:59
Quote Anchor link
Bij mij werkt het gewoon. Ik had jouw code uit de eerste post tussen de standaard html tags geplaatst die ik al krijg als ik een nieuwe html file wil aanmaken met mijn editor. Na even googlen werd ook duidelijk gezegd dat je wel even het juiste document type moet opgeven. dus hier mijn volledige code:
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
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

<div class="rectangle">
    <img src="testsmall.jpg" alt="Afbeelding" draggable="false">
</div>
        
<script type="text/javascript">
    alert(jQuery('.rectangle').height());
</script>
</body>
</html>


Toevoeging op 20/03/2013 19:28:15:

als ik de jquery <script> tags in de header plaats, zoals gebruikelijk dan krijg ik in chrome ook 0 als div hoogte. Maar plaats ik dan de alert in de window.onload = function() {} dan werkt het wel correct.
Daarna nog even getest met $(document).ready maar daar krijg je dan nog steeds 0.

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
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script>
window.onload = function() {
    alert('window.onload function: ' + jQuery('.rectangle').height());    
}

$(document).ready(function() {
    alert('$(document).ready function: ' + jQuery('.rectangle').height());    
});
</script>

</head>

<body>

<div class="rectangle">
    <img src="testsmall.jpg" alt="Afbeelding" draggable="false">
</div>
</body>
</html>
 
Joey Drieling

Joey Drieling

20/03/2013 20:14:35
Quote Anchor link
@frank tog wel jha dacht dat het met onload wel zou moeten werken. Maar ik heb zelf niks getest denkte mee uit blooten hoofd en had niet aan het doc type gedacht, maar je zou eigenlijk altijd juiste doc type gebruiken want IE vindt dat ook leuker.
 
Lord Gaga

Lord Gaga

20/03/2013 22:35:31
Quote Anchor link
Moet het puur dat doctype zijn want ik maak gebruik van HTML5
 
Jan Koehoorn

Jan Koehoorn

20/03/2013 22:43:23
Quote Anchor link
Als je $(document).ready gebruikt, kan het plaatje nog niet geladen zijn. Gebruik $(window).load
 
Frank Nietbelangrijk

Frank Nietbelangrijk

20/03/2013 22:45:48
Quote Anchor link
doctype voor html 5:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
 
Lord Gaga

Lord Gaga

20/03/2013 22:57:40
Quote Anchor link
Ik heb uiteindelijk toch maar gekozen voor window load en het probleem is verholpen.

Heel erg bedankt allemaal!
 



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.