Image als Submit!?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Front-end Developer vacature

Senior Front-end Developer Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Je bent creatief, thuis in gebruikersinteractie en een Developer in hart en nieren. Daarnaast heb jij een klantgerichte en initiatiefrijke houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe jij als developer bij Sogeti? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie, als intern bij Sogeti. Jij houdt van het uitdenken en implementeren van responsive (web) apps, en zet hiervoor jouw uitgebreide

Bekijk vacature »

MS SQL Developer Automatisering Miljoenen gebruike

Functieomschrijving Wil jij als SQL Developer aan het werk binnen een van de meest complexe organisaties van Nederland? Wil jij meedenken en werken aan een platform met miljoenen gebruikers? Lees dan snel verder! Functie-eisen Hbo denk - en werkniveau; Minimaal 3 jaar ervaring, bij voorkeur in een soortgelijke functie of doormiddel van stage; Ervaring met SQL Server 2012 of hoger; Ervaring met SQL Server HA techniekene FCI en AG, SQL Native Backup; Ervaring met Windows 2012/2016; Ervaring met PowerShell op het gebied van deployment automation en het automatiseren van processen; Bedrijfsomschrijving Als SQL Developer kom je te werken in de

Bekijk vacature »

Java Developer Veiligheid DevOps

Java Developer Veiligheid DevOps Functieomschrijving Ben jij een Java Developer én lijkt het jou uitdagend om te werken voor een organisatie in de omgeving van Houten waar honderden applicaties worden ontwikkeld die bijdragen aan de veiligheid van ons land? Is het daarnaast voor jou een uitdaging om de organisatie continu naar een hoger niveau te tillen én innovatief te blijven experimenteren met nieuwe werkwijzen, tools en technieken? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: ontwikkelen van applicaties in Java en bij voorkeur met Angular; meedenken over technische aspecten als performance en security; onderzoeken en oplossen van

Bekijk vacature »

Functioneel Applicatiebeheerder

CNB is de grootste dienstverlener in de markt van bloembollen en vaste planten. In deze markt verricht CNB de volgende diensten: bemiddeling, veilen en het koelen en prepareren van bloembollen. Vanuit ons hoofdkantoor in Lisse werken bijna 100 collega’s dag in dag uit aan de bemiddeling van bloembollen. In Bovenkarspel vindt het koelen en prepareren van de bloembollen plaats. Wij zijn op zoek naar een enthousiaste Functioneel Applicatiebeheerder die een applicatie, maar ook sfeer kan bouwen! Jij: Vindt het leuk om binnen een klein IT-team aan de slag te gaan met het functioneel beheer van voornamelijk Microsoft Dynamics Navision, maar

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

C# / .Net software Developer

C# / .Net software Developer in Eindhoven Wat ga je doen? Je programmeert en bouwt nieuwe koppelingen tussen bestaande en nieuwe klanten hiernaast doe je dat ook voor het Warehouse Management Systeem (Manhattan Scale). Je ontwikkelt diverse oplossingen tussen/binnen de systemen en databases. Je bent betrokken bij het hele ontwikkeltraject met de klant, vanaf de eerste aanvraag tot het leveren van support na levering. Wat maakt jou geschikt? Je hebt hbo werk- en denkniveau m.b.t. computer en software wetenschappen; Development skills in C#, .net, Microsoft SQL, HMTL5, CSS an JavaScript; Minimaal 3 jaar ervaring in software development; Vloeiend Nederlands en

Bekijk vacature »

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, A

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, AIN) Utrecht 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. As an SAP S/4 Digital EAM Consultant you will assess, design and deliver a full end-to-end digital experience to our asset intensive clients for Enterprise Asset Management processes. You will use your SAP S/4 experience to collaborate with our clients in advising and ultimately transforming them into the new SAP era of intelligent assets. You will align the client’s strategic vision for Operational Excellence with SAP S/4 EAM as

Bekijk vacature »

Senior C++ ontwikkelaar medische wereld

Functieomschrijving Als Senior Software Engineer ga je hier aan de slag als Developer binnen een Agile Scrum team van 8 intelligente Developers. Naast technische vaardigheden in software heb je ook ervaring met hardware oplossingen. De ontwikkeling van deze hardware wordt intern gedaan met de steun van partners. Op basis van jouw ervaring kun je dit team, de software ontwikkelingsmethodologie en -processen naar een hoger niveau brengen. Je levert een leidende bijdrage in je multidisciplinaire team. In het team ben je een persoon met passende technische capaciteiten en creativiteit, je gaat hier de wensen van de product owner vertalen naar een

Bekijk vacature »

senior Java ontwikkelaar

Functie­omschrijving Introductie Als senior Java developer werk je aan de ontwikkeling van nieuwe software en onderhoud aan bestaande applicaties en systemen. Jij werkt met de nieuwste frameworks, op basis van het continuous delivery gedachtegoed. Vanuit jouw kennis en ervaring weet jij bij te dragen aan de digitale ambitie van KVK: het leven van ondernemers makkelijker maken met betekenisvolle informatie, toegang tot het Handelsregister, onze data, kennis en netwerken. Denk daarbij aan mooie uitdagingen zoals het volledig digitaal inschrijven mogelijk maken en het ontwikkelen van meerdere registers. Samen met ondernemers, steden en rijksoverheid initiëren we creatieve projecten waarmee we ondernemend Nederland

Bekijk vacature »

Web Developer

Help jij graag mee met het optimaliseren van ons platform? Solliciteer dan naar de functie Web Developer. Op ons hoofdkantoor in Amsterdam krijg je alle ruimte om je kwaliteiten te tonen. Jouw baan ChipSoft maakt breed gebruik van webtechnologie voor de ondersteuning van administratieve processen. Als ontwikkelaar ben je verantwoordelijk voor het onderhouden en verbeteren van de applicaties op ons platform. Jij richt je met name op het ontwikkelen van nieuwe applicaties en het onderhouden van de gebruikte programmatuur op ons platform. Denk hierbij aan e-learning en projectplanning. Jouw team Je komt op de 25ste verdieping van ons hoofdkantoor in

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 »

Database Developer DB2 Unix/AIX LUW

Functieomschrijving Wil jij aan de slag als Database Developer bij een organisatie waar geen data te complex is? Reageer dan nu! Voor de DB2-databases moet de infrastructuur ontworpen en gerealiseerd worden, dit is onderdeel waar bij jou de focus op ligt. Daarnaast richt jij je o.a. op onderstaande werkzaamheden: (Her)inrichten van databases middels scripting; Optimaal laten functioneren van DB2 database; Technische oplossingen realiseren; Onderzoek doen naar de realisatie en implementatie van databasemanagementsystemen en beheerprocedures en -tooling die hier bij horen; Verbeteren van database hosting, QoS, security en business continuïteit management. Functie-eisen De organisatie zoekt iemand die op dit moment of

Bekijk vacature »

PHP Developer Symfony Uiteenlopende projecten

PHP Ontwikkelaar Functieomschrijving Heb jij een aantal jaren werkervaring als PHP Developer en wil jij aan de slag met Symfony, MongoDB en Azure? Wil jij werken aan een belangrijke applicatie in de woningsector die dagelijks door ruim 5000 mensen dagelijks wordt gebruikt? Is programmeren een van jouw grootste hobby's? Lees dan snel verder! Jouw taken als PHP Developer zullen bestaan uit: Het creëren van nieuwe features en het doorontwikkelen van zeer omvangrijke applicaties (met o.a. Symfony); Het meewerken aan uiteenlopende technische projecten; Meedenken over nieuwe tools en technieken om de IT naar een nog hoger niveau te tillen. Functie-eisen De

Bekijk vacature »

Full-stack developer

Over Compaan Compaan (www.uwcompaan.nl) is een jong bedrijf van ongeveer 20 medewerkers dat is gevestigd in Haarlem. We ondersteunen zorgverleners in digitaal contact met hun cliënten, met name door middel van beeldzorg. Dit gaat meestal via de Compaan-tablet, een tablet die speciaal gemaakt is voor ouderen die niet met een gewone computer overweg kunnen. Verder hebben we vele particuliere klanten die via de Compaan-tablet contact met hun familie en vrienden onderhouden. Over de functie We zijn per direct op zoek naar een nieuwe collega die gaat helpen meebouwen aan de software van Compaan en bij het onderhoud van onze algehele

Bekijk vacature »

Linux beheerder/software ontwikkelaar

De universiteit van Twente is op zoek naar een Linux beheerder/software ontwikkelaar. Functie omschrijving De vakgroep Applied Mechanics van de faculteit Engineering Technology bestaat uit de leerstoelen Nonlinear Solid Mechanics, Applied Mechanics and Data Analysis, Precision Engineering en Dynamics Based Maintenance. Binnen deze vakgroep worden rekenmodellen ontwikkeld voor de simulatie van mechanisch gedrag van constructies en van productieprocessen. Hiervoor wordt onder meer gebruik gemaakt van een Linux rekencluster en werkstations met commerciële dan wel zelf ontwikkelde software. Binnen de vakgroep heerst een informele sfeer in een jong en internationaal team van wetenschappers. Functievereisten Je hebt een HBO diploma Informatica of

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

10/08/2020 01:19:46
 
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.