Image als Submit!?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ervaren C# developer, nieuwbouw, .NET Core, Azure,

Ben je op zoek naar een jong bedrijf dat in het beginstadium staat van een te ontwikkelen product? Maar wel al een stabiele klantenbasis heeft? Waar je als backend developer of fullstack developer (net waar je voorkeur ligt) kunt werken aan onder meer microservices en het inrichten van een Azure omgeving? Voor een spin-off van een bestaand bedrijf zijn we op zoek naar een ervaren .NET developer. Het gaat dus om een start-up maar wel al met een bestaande klantenbasis. Met een nieuw team van circa 6 mensen (waarvan 3 .NET developers) willen ze een cloudplatform ontwikkelen waarmee klanten (productiebedrijven)

Bekijk vacature »

Vacature Front-end Developer

Vacature Front-end Developer Van Ons, Amsterdam Vacature Front-end Developer ES6 kent geen geheimen voor je. Je voegt nog even een extra animatie toe om de website nóg vetter te maken. Korte laadtijden en goede UX zijn heilig. En je neemt geen genoegen met sites die niet geoptimaliseerd zijn voor mobiel. Samen met je gedreven, gezellige en knetterslimme collega’s werk je vanuit ons kantoor in Amsterdam aan de vetste cases voor de mooiste merken. Jouw focus ligt op front-end en je bent dus een belangrijke schakel in de projecten die we afleveren voor onze klanten. Jouw werk gaat de wereld over

Bekijk vacature »

.NET Developer Financieel

Werk jij als software developer het liefst met uitdagende systemen? Dan kun jij je bij onze vestiging in Amsterdam volledig uitleven als .NET Developer Financieel. Wanneer begin je? Jouw baan Je ontwerpt, ontwikkelt, ondersteunt en onderhoudt je eigen financiële module binnen HiX, onze ICT-totaaloplossing voor de zorg. Je schrijft objectgeoriënteerde code, speurt naar verbeteringen, werkt aan vernieuwende projecten, doet code reviews en voert testen uit. Een uiterst verantwoordelijke job, want dankzij jouw software kunnen zorginstellingen hun zorg factureren, voldoen aan afspraken met zorgverzekeraars, verplichte landelijke aanleveringen van financiële data doen en nog veel meer. Je brainstormt regelmatig met collega’s hoe

Bekijk vacature »

Functioneel Beheerder HR

Functioneel Beheerder HR 32-36 uur per week De pluspunten  We investeren in jou met een traineeship bij AFAS  Dankbare collega’s omdat jijprocesverbeteringen mogelijk maakt  Veel vrijheid, zelfstandigheidmaar ook verantwoordelijkheid  Je maakt onderdeel uit van een bijzondere maatschappelijk betrokken organisatie  Werken op een fijne locatie naast het Wilhelminapark in Utrecht Wat ga je doen? AlsFunctioneelBeheerder HRben jij dagelijks bezig met het verbeteren van onspersoneelsinformatiesysteem AFAS Profit.Daarnaast vallende andere HR applicaties, het roosterprogramma SP-Expert en het leermanagementsysteem Infolearn, ook onder de systemen die jij onder je hoede hebt. Je levert een essentiële bijdrage aan de inrichting en

Bekijk vacature »

Fullstack .Net Developer voor int. marktleider met

Voor een internationale marktleider in metaalbewerking ben ik op zoek naar een junior / midlevel Fullstack .Net developer. Wat je gaat doen: Onze klant maakt gebruik van hun zelf gebouwde logistieke applicatie. Nu willen zij deze sterk uitbreiden. Zo willen ze o.a. een klant portaal maken, een online factuur systeem bouwen en een mobiele applicatie bouwen. Alles om beter zaken te doen met hun klanten. Je werkt hierbij in .Net C# en later ook Azure. Wie jij bent: MBO / HBO afgestudeerd 2 - 6 jaar ervaring met C# en .NET applicaties Design ervaring is een plus Spreekt Nederlands en

Bekijk vacature »

Junior Java Developer / DevOps / Cloud / Financi&e

Functieomschrijving Wil jij graag aan de slag als Java Developer? Heb jij affiniteit met de financiële branche? Wil jij systemen ontwikkelen die een grote impact hebben en binnen de gehele organisatie gebruikt worden? Solliciteer dan nu! Als Developer ben je primair verantwoordelijk voor het ontwerpen, bouwen en testen van software in al zijn facetten: Het designen en developen/ontwikkelen in Java van nieuwe software en nieuwe features op bestaande functionaliteiten; Het reviewen en overzien van de geschreven code; Het continu verbeteren van de richtlijnen en standaarden voor het geleverde werk binnen het team; Het bijdragen aan het verder automatiseren van de

Bekijk vacature »

Front-end Developer / Angular 5 / Azure

Functieomschrijving Wil jij graag als Front-end Developer werken in een ambitieus bedrijf dat moderne software ontwikkelt voor grote klanten? Ben jij goed thuis in Angular en het Azure platform en maak jij de mooiste programma's voor gebruikers? Lees dan snel verder! Ontwikkelen en testen van de software en het framework via Scrum principes; Het verzorgen van de front-end van de applicaties van het bedrijf; Werken met technieken als Angular 5, HTML5, Web API 2 en SOAP op een Azure platform; Helpen van collega's met jouw expertise; Meedraaien in projecten; Sparren met collega's over het functioneel / technisch ontwerp. Functie-eisen Enkele

Bekijk vacature »

CMS Developer / Sitecore / C# / DevOps

Functieomschrijving Ben jij een Developer met kennis van C# / .NET en wil jij je graag specialiseren op het gebied van Sitecore? Doe jij dit het liefst binnen een gerenommeerde organisatie in de zorg? Dan is dit dé uitdaging voor jou! Binnen deze rol zal jij je als C# / .NET Developer (met de focus op Sitecore) gaan richten op het ontwikkelen van webapplicaties, platformen en portalen middels o.a. C#, Azure en Microservices die door duizenden mensen gebruikt worden? Reageer dan nu! Het ontwikkelen van webapplicaties, platformen en portalen middels o.a. C#, Sitecore, Azure en Microservices; Het leveren van jouw

Bekijk vacature »

Java Developer Digital

At KLM, we prefer to call back-end developers Java developers. It's because of our love of travel. The world we live in is changing rapidly, and as a developer, you're in the cockpit. Will you join us on a digital journey around the world? About the job What will your task be? You are the indispensable link in the big picture. Most of all, you will help make innovations a reality. For example, you can proudly stand next to the check-in that you have made possible. Because let's be honest: we are at the cutting edge of innovation, but without

Bekijk vacature »

Full Stack Java Developer / Maven / Spring /Amster

Functieomschrijving Ben jij een Full Stack Java Developer die in het mooie Amsterdam wil werken, voor een bedrijf dat verantwoordelijk is voor verschillende soorten data en applicaties? Solliciteer dan nu! Ontwikkelen, uitbouwen en verbeteren van applicaties in Java 8; Sparren met de business en jouw SCRUM team aangaande functionaliteiten. Functie-eisen Je bent in het bezit van minimaal een MBO-diploma met HBO werk- en denk niveau; Je hebt ervaring met Java (8); Je hebt ervaring met Maven; Je hebt ervaring met Spring Framework; Je hebt bent bekent met Azure (PaaS/IaaS); Je hebt ervaring met JFS, Angular; Je hebt kennis van Messaging

Bekijk vacature »

PHP-er met interesse in Artificial Intelligence? R

Functieomschrijving Als PHP ontwikkelaar zal je hier terecht komen in een klein maar sterk team van 4 ontwikkelaars. Je zal zeer nauw samenwerken met de rest van je collega's die stuk voor stuk ervaren soft- en hardware ontwikkelaars zijn. Je zal hier verantwoordelijk zijn voor het ontwerpen, bouwen en implementeren van nieuwe features en functionaliteiten. Hierin is het belangrijk dat er rekening wordt gehouden met een stuk betrouwbaarheid en 'code-quality', dit omdat de producten en systemen hard groeien en doorontwikkelen. Het grootste gedeelte van de tijd zal je werken met PHP (Symfony of Laravel framework) en zal je ook veel

Bekijk vacature »

PHP developer

Heb jij uitgebreide kennis van PHP, Linux en front-end? En hou je van een dynamische omgeving, waarin jouw baan er toe doet, jouw ideeën worden gehoord en waar je werkelijk het verschil kan maken voor jouw collega’s en het bedrijf? Zo ja, dan zijn wij op zoek naar jou in de positie van: PHP developer voor onze locatie in Veghel Over de positie: Als PHP programmeur bouw je aan diverse webbased applicaties in nauwe samenwerking met collega’s van IT, E-commerce en externe partners. Jouw taken omvatten, maar zijn niet gelimiteerd tot: gave internationale (web) applicaties bedenken, ontwerpen, maken en implementeren;

Bekijk vacature »

Fullstack PHP developer voor gerenommeerde organis

Functieomschrijving Voor de functie is het belangrijk dat jij goede kennis hebt van PHP en Laravel/Symfony en JavaScript. Ze zoeken dus iemand die al 5 jaar werkervaring heeft als developer. Je zult hier zowel op de Front- als Backend werkzaam zijn en samen met je collega's ben je verantwoordelijk voor de software. Wil jij jezelf verder uitdagen in een klein en sterk team? Dan ligt hier de kans om deze stap te zetten! Functie-eisen - Je hebt minimaal 5 jaar werkervaring als PHP developer; - Javascript, PHP en MySQL kennen geen geheimen voor jou; - Je hebt kennis van meerdere

Bekijk vacature »

Senior Java Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Medior Front-end Developer

Front-end Developer bij Capgemini Bij Capgemini DCX bouwen we niet zomaar webapplicaties en mobiele apps waar onze opdrachtgevers en hun klanten mee overweg kunnen. Nee, we ontwikkelen applicaties voor miljoenen gebruikers en dan ook nog apps waar men écht gelukkig van wordt. Van de medewerkers in de organisatie zelf tot aan de eindgebruikers. En als Front-end Developer ben jij hierbij onmisbaar! De rol Van het bouwen van nieuwe functionaliteiten, het behouden, bewaken en verbeteren van de huidige infrastructuur en applicaties tot aan het ontwikkelen van nieuwe innovaties. Als Front-end Developer ben je de (lead) developer binnen jouw scrumteam en werk

Bekijk vacature »
Jan Joosten

Jan Joosten

03/01/2015 14:48:49
Quote Anchor link
Beste mensen,

Ik ben de laatste tijd bezig geweest met het bouwen van een portal..

De bedoeling is dat één zoekvenster bij verschillende zoekmachines gebruikt kan worden.

Het probleem is het volgende:

Ik wil liefst geen lelijke submit button maar een mooi logo van de betreffende zoekmachine!

MAAR, blijkbaar is het (met php en html) niet mogelijk dit werkend te krijgen in alle browsers aangezien een image geen 'value' tag mag hebben waar mijn 'seek' script gebruik van maakt.

De Google button ziet er mooi uit maar deze werkt bij mij alleen in Chrome..


Nu heb ik begrepen dat het met Javascript mogelijk is om te maken zoals ik het graag wil zien alleen is het mijzelf totnogtoe niet gelukt.

Dit is mijn form op dit moment:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<div><form action="/seek/" method="post">
<input class="input" type="text" size="28" maxlength="28" name="keyword" />

<br>

<br><br><input type="image" src="image/google.jpg" name="seek" value="Google" alt="Google">
<br><br><input type="submit" src="image/bing.png" name="seek" value="Bing" alt="Bing">
<br><br><input type="submit" src="image/yahoo.png" name="seek" value="Yahoo" alt="Yahoo">
<br><br><input type="submit" src="image/youtube.png" name="seek" value="Youtube" alt="Youtube">
<br><br><input type="submit" src="image/wikipedia.png" name="seek" value="Wikipedia" alt="Wikipedia">
<br><br><input type="submit" src="image/duckduckgo.png" name="seek" value="DuckDuckGo" alt="DuckDuckGo">
<br><br><input type="submit" src="image/twitter.png" name="seek" value="Twitter" alt="Twitter">
</form></div>


Dit is het php script dat ervoor zorgt dat de zoekopdracht uitgevoerd word.

Quote:
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
<?php
switch ($_POST[seek]) {
      case
'Google':
            $keyword =($_POST[keyword]);
            $url = "https://www.google.nl/search?q=" . $keyword;
            header('Location: ' . $url);
            break;
      case
'Bing':
            $keyword =($_POST[keyword]);
            $url = "http://www.bing.com/search?q=" . $keyword;
            header('Location: ' . $url);
            break;
}


?>


Ik heb in de php sectie al de nodige tips gekregen om het script in te korten maar zolang het werkt wil ik eerst graag even zorgen dat ik een mooie afbeelding als submit button kan gebruiken.

Mijn dank is groot voor een passende oplossing!
Gewijzigd op 03/01/2015 19:44:02 door Jan Joosten
 
PHP hulp

PHP hulp

19/01/2020 08:46:52
 
Ward van der Put
Moderator

Ward van der Put

03/01/2015 15:07:00
Quote Anchor link
Je hebt grofweg twee mogelijkheden: stel met CSS een afbeelding in als achtergrond van een echte submit-knop óf gebruik een plaatje en voeg daaraan JavaScript voor het verzenden van het formulier toe.

Bijvoorbeeld: http://stackoverflow.com/questions/14199788/how-do-i-use-an-image-as-a-submit-button
 
Frank Nietbelangrijk

Frank Nietbelangrijk

03/01/2015 15:20:22
Quote Anchor link
Je code is niet te lezen. gebruik [ c o d e ] en [ / c o d e ] om je code goed weer te geven (maar dan zonder spaties er tussen)

Je vraag is wel duidelijk.

Als aanvulling op Ward's tweede mogelijkheid dan maar:
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
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<style>
#phphulp {
    cursor:pointer;
}
</style>
</head>
<body>
  
<form id="myForm" action="form_action.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br><br>
  <img id="phphulp" src="http://www.phphulp.nl/img/phphulp-logo.jpg" />
</form>

<script>

// functie wordt automatisch aangeroepen als de pagina geladen is
window.onload = function() {
   var form = document.getElementById("myForm");
   var phphulp = document.getElementById("phphulp");
  
   // click event op element met id="phphulp"
   phphulp.onclick = function() {
     form.submit();
   };
};

</script>

</body>
</html>
Gewijzigd op 03/01/2015 15:24:18 door Frank Nietbelangrijk
 
Jan Joosten

Jan Joosten

03/01/2015 15:42:27
Quote Anchor link
Super bedankt heren!

Ik ga voor optie twee als ik het voor elkaar krijg..

Welke optie zou bij jullie de voorkeur geven?

Ik heb wel meerdere images die als submit button fungeren of is dat geen probleem bij optie 2?
Gewijzigd op 03/01/2015 15:49:29 door Jan Joosten
 



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.