Textarea expand onclick

WordPress & Azure Developer

Dit ga je doen Zowel front- als back-end development aan de online website omgeving; Het up-to-date houden van alle WordPress-sites; Koppelingen maken tussen applicaties; Meedenken en adviseren over verbeteringen; Development door middel van WordPress, Javascript, HTML en CSS; Werken binnen Scrum/Agile team. Hier ga je werken Voor een grote overheidsinstelling in Den Haag zijn wij opzoek naar een WordPress developer, met kennis en ervaring op het gebied van Azure. De organisatie zit in een grote transitie waarbij de gehele website/online omgeving vernieuwd zal gaan worden. Binnen dit Scrum/Agile team ben je verantwoordelijk voor deze grote migratie/ombouw van de omgeving. De

Bekijk vacature »

Junior Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Samenwerken in een team van 10 collega's; Opleveren van mooie eindproducten, middels de Agile methodiek; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als startende IT-professional 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.

Bekijk vacature »

Starter/junior Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeÃ«n worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collegaâ€™s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als starter/junior developer zul je direct begeleid worden door een senior uit het team. Het is van belang dat

Bekijk vacature »

Software Developer Mendix / Maatschappelijk Betrok

Dit ga je doen Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Werken met Scrum methodiek; Ontwikkelen van vooruitstrevende oplossingen; Meedenken over nieuwe applicaties en ontwikkelingen; On the job eigen maken van de Mendix omgeving. Hier ga je werken Deze dynamische en snelgroeiende organisatie begeeft zich in de recyclingbranche. Zij nemen op duurzame en efficiÃ«nte manier de recycling op zich. Vanwege hun snelle groei zijn zij op zoek naar een young professional die zich graag wilt ontwikkelen als Mendix Developer. Je komt te werken binnen een IT team van +/- 15 medewerkers. Het huidige â€˜vasteâ€™

Bekijk vacature »

Belastingdienst - Freelance Senior Cobol Applicati

Startdatum: 01.06.2023 Richttarief: â‚¬65,00 - â‚¬75,00 Duur van de opdracht: 7 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Functieomschrijving: In de applicatie ETM zijn nu de inningsvoorzieningen voor ongeveer 25 aangifte- en aanslagmiddelen opgenomen. ETM is een extern aangeschafte service en het huidige contract met leverancier Oracle loopt af op 31-12-2022. Het programma uitfaseren ETM heeft als doel om vervanging te realiseren waarmee alle nu in gebruik zijnde ETM ondersteuning wordt overgenomen in nieuwe Inningsvoorzieningen om de continuÃ¯teit van de inningsprocessen te waarborgen. EÃ©n van de inningsvoorzieningen die voor het einde van 31-12-2022

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 »

PHP Developer

Als PHP Developer bij Coolblue zorg je ervoor dat onze webshops elke dag een beetje beter zijn. Wat doe je als PHP Developer bij Coolblue? Als PHP Developer werk je met andere development teams samen om onze webshop zo optimaal mogelijk te laten werken en onze klanten blij te maken. Hoewel je een PHP Developer bent, sta je open om C# of Typescript in te zetten of te leren. Ook PHP Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen pure PHP code schrijven. Samenwerken met de klantreiziger om onze klanten

Bekijk vacature »

.Net Front-end Ontwikkelaar

Wij zoeken een .Net Front-end Ontwikkelaar! Omschrijving Kun jij snel schakelen en ben je stressbestendig? Dan zoeken wij jou! Als .Net Front-end Ontwikkelaar help je mee aan de webapplicatie die over de hele wereld door allerlei bedrijven wordt gebruikt. Je werkt daarnaast mee aan nieuwe en verbeterde functionaliteiten en helpt met het oplossen van bugs. Over de opdrachtgever Je komt te werken in een ambitieus team dat zich blijft ontwikkelen. Dit is alle informatie die we nu kunnen delen over de werkplek. Als jij de .Net Front-end Ontwikkelaar bent voor deze job, vertellen we je snel nÃ³g meer. Eisen Heb

Bekijk vacature »

Front End Developer React Vue

Dit ga je doen Meewerken aan de implementaties en ontwikkeling van nieuwe functionaliteiten van de webapplicaties; Ontwikkelen met o.a. React en Vue en HTML/CSS, ook krijg je in verband met de samenwerking ook affiniteit met de backend Ruby on Rails; Ontwikkeling aan de front end voor de koppelingen tussen de diverse systemen; Ontwerpen van interfaces en een bijdrage leveren aan de gebruikerservaring; Zorgdragen voor hoge kwaliteit van code en jezelf (en anderen) blijven verbeteren; Als Senior Front End Developer begeleid je zelf ook FE-development projecten, hierin leid je de projecten en pak jij het initiatief op (bv integratieprojecten). Hier ga

Bekijk vacature »

Senior Fullstack developer wanted! (C#, Java, Angu

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

Software Programmeur

Functie omschrijving Voor onze opdrachtgever in omgeving Rotterdam zijn wij opzoek naar een software programmeur die goed kan schrijven in de talen C of C++ en die het leuk vind om te werken met Linux! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed verloopt. Je zult klanten ondersteunen. Verder zul je technische ontwerpen en gebruikersdocumentaties schrijven en deze onderhouden. Bedrijfsprofiel Dit bedrijf wil de klanten een volledige oplossing kunnen bieden, waarbij ze een

Bekijk vacature »

Senior Front end developer Angular

Functie Er zijn momenteel 5 SCRUM-teams waarvan drie gefocust zijn op DevOps en de huidige projecten en twee op innovatie van de platformen. Jij zal onderdeel worden van het innovatie Scrum team. De 2 multidisciplinaire innovatie teams bestaan momenteel uit 14 werknemers. Jij als senior Front end developer wordt onderdeel van onze innovatieteams. De innovatieteams houden zich bezig met het door ontwikkelen van de huidige producten en denken na over nieuwe functionaliteiten. Binnen de rol van Front end developer krijg je veel vrijheid en kan je je dag zelf indelen. Dingen waar jij je dagelijks mee bezig zult houden is

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 »

.NET Developer

Dit ga je doen (Door)Ontwikkelen van het applicatielandschap; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het applicatielandschap; Sparren met de business. Hier ga je werken De organisatie is werkzaam in de financiÃ«le dienstverlening met meer dan 200 medewerkers en meer dan 250.000 eindgebruikers is het een van de grotere binnen haar branche. Je komt te werken in een team waarmee je verantwoordelijk bent voor het ontwikkelen en onderhouden van de financiÃ«le applicaties binnen de organisatie, denk hierbij aan het bouwen en onderhouden van portalen. Als .net developer ga jij het development team ondersteunen met de transitie naar

Bekijk vacature »

OutSystems Developer

Dit ga je doen Het van scratch af aan ontwikkelen van applicaties met OutSystems; Het aanhaken bij diverse projecten binnen de organisatie; Schakelen met de business; Meedenken over de mogelijkheden van het platform binnen de organisatie. Hier ga je werken Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap, bestaande uit standaard- en maatwerkapplicaties. De maatwerkapplicaties worden ontwikkeld door een inhouse development team. Het doel voor de komende periode is het verder vernieuwen en optimaliseren van het huidige applicatielandschap. Zo staat de organisatie aan

Bekijk vacature »

Piet Jansen

27/02/2012 18:50:58

Beste mensen,

Ik heb dus een simpel scriptje gevonden om een textarea zachtjes te verlengen na een klik event. Nu heb ik het script, werkt overigens prima op Fiddle, maar als ik alles correct overneem op mijn eigen systeem werkt het weer niet.

De script:

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Textarea expands after mouseclick</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <style type="text/css">
        .expand {
            height: 1em;
            width: 50%;
            padding: 3px;
        }
    </style>
    <script type="text/javascript">
        $('textarea.expand').focus(function () {
            $(this).animate({ height: "4em" }, 500);
        });
    </script>
</head>
<body>
    <textarea class="expand" rows="1" cols="10"></textarea>
</body>
</html>

Wat gaat er fout?

Gewijzigd op 27/02/2012 18:51:22 door Piet Jansen

PHP hulp

16/01/2025 05:52:51

Erwin H

27/02/2012 19:07:29

Lijkt in dit stukje te zitten:
$(this).animate({ height: "4em" }, 500);

De JQuery animate functie maakt de animatie van de huidige waarde naar de meegegeven waarde. Dus als je textarea 1em is, dan groeit die naar 4em. Maar als je textarea al 4em is, dan gebeurt er dus niets. De allereerste keer dat je erop klikt zou je dus de groei moeten zien (maar dat kan al op pageload zijn waardoor je het niet ziet), daarna zie je in elk geval niets meer gebeuren.

Toevoeging op 27/02/2012 19:09:05:

Probeer het eens in plaats van bij "focus" bij een "click" te doen, dan gebeurt het in elk geval niet na de pageload al.

Jaron T

27/02/2012 19:14:42

zet er ook de document ready function omheen.. wel handig als je textarea pas later aangemaakt wordt.

Piet Jansen

27/02/2012 19:18:20

Document ready heb ik zojuist geplaatst. Niks verandert. Verandering naar click werkt ook niet. Werkt het bij jullie wel in de browser? Op Fiddle werkt het namelijk prima.

http://jsfiddle.net/Y3rMM/

Gewijzigd op 27/02/2012 19:18:32 door Piet Jansen

Erwin H

27/02/2012 19:28:43

Als ik er dit van maak werkt het wel in mijn browser (FF):

Code (php)

1
2
3
4
5

$(document).ready(function(){
  $('textarea.expand').focus(function () {
    $(this).animate({ height: "4em" }, 500);
  });
});

Dus Jaron heeft de eer :-)

Gewijzigd op 27/02/2012 19:30:03 door Erwin H

Reshad F

27/02/2012 20:05:52

@jaron als je je jquery net voor het einde van je body zet is document.ready overbodig :) dus less code less problems!
@piet bij mij doen .focus en .click het beide welk browser gebruik je zelf? ik gebruik chrome.. ik heb het overigens alleen getest op fiddle

Toevoeging op 27/02/2012 20:15:30:

ik heb de oplossing voor je hebt het even zelf getest :)

probeer dit is

Code (php)

1
2
3
4
5

en dan is hierbij #message natuurlijk de ID van de textarea die je kleiner of groter wil laten maken

:)

Gewijzigd op 27/02/2012 20:07:42 door Reshad F

Eddy E

27/02/2012 20:45:33

Kijk anders eens hier naar:

http://www.alistapart.com/articles/expanding-text-areas-made-elegant/

Ik heb hem ooit vertaald: http://www.mastercode.nl/forum/artikelen-javascript/verlengbare-tekstvelden-netjes-gemaakt-t2205.html

Reshad F

27/02/2012 20:49:42

kanook :p maarja jquery is dan weer 3 regeltjes

Piet Jansen

27/02/2012 22:06:15

Erwin en iedereen, hartstikke bedankt, het werkt met Erwins oplossing prima. Hartelijk dank voor de tijd.

Gewijzigd op 27/02/2012 22:14:41 door Piet Jansen

Wouter J

27/02/2012 22:44:51

Al is onfocus hier beter dan onclick... Want een input element focus je en klik je niet.

Tevens is het beter om CSS en JS gescheiden te houden, en hier dan een class voor te maken. Dan krijg je zoiets: http://jsfiddle.net/Y3rMM/291/
Je hebt hier dan wel Core Effects van jQuery UI nodig om de animatie te laten verlopen.

PS: jQuery 1.5.2? Waarom gebruik je geen jQuery 1.7.1, deze heeft namelijk een veel betere events api.

Quote:

maarja jquery is dan weer 3 regeltjes

+ 9311 regels jQuery source... ;)

Gewijzigd op 27/02/2012 22:45:56 door Wouter J

Forum berichten

Reacties

PHP scripts

PHP tutorials

Actief op PHPhulp

Textarea expand onclick

Piet Jansen

PHP hulp

Erwin H

Jaron T

Piet Jansen

Erwin H

Reshad F

Eddy E

Reshad F

Piet Jansen

Wouter J

Reshad F

Piet Jansen

Reshad F

Over PHPhulp

Support

Gesponsord

Extra's

Privacy