Image als Submit!?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP developer met leaseauto!

Functieomschrijving Binnen dit bedrijf kom je terecht in een team van 5 developers. Het bedrijf telt in totaal 32 man. Het platform is voornamelijk van scratch opgebouwd aan de hand van Zend framework. Je zal voornamelijk allround werkzaamheden gaan verrichten en je bent de technische man met de ervaring die het team nu nodig heeft. Functie-eisen -Je hebt minimaal HBO werk en denkniveau -Je hebt minimaal 3 jaar werkervaring als PHP programmeur -Je hebt ervaring met object georiënteerd programmeren -Kennis van het ZEND framework is pré Bedrijfsomschrijving In Den Haag zoek ik voor onze klant naar een ervaren PHP programmeur

Bekijk vacature »

.NET Developer

FreshPublishers is een internationale, online nieuwsorganisatie. FreshPublishers is zich steeds verder aan het ontwikkelen en daarmee ook de software. Software Development voor FreshPublishers bevat onderhoud en uitbreidingen voor het content management systeem waarin de redacteuren artikelen schrijven, nakijken en publiceren. Jouw baan is het ontwerpen, schrijven en testen van nieuwe modules in dit systeem met een .NET backend. Functie eisen: C# .NET developer / Web development / MVC5 HBO- of WO-niveau Kennis van (SQL) databases Microsoft SQL Server ercaring Javascript ervaring (al dan niet met JQuery) Ervaring met vue.js of soortgelijk javascript framework Vloeiend in Nederlands en Engels (spraak) Ervaring

Bekijk vacature »

.NET Developer / C# / Ambitieus / Vrijheid

Functieomschrijving Wil jij als .NET Developer in een omgeving terecht komen waar jij jouw net geschreven C# .NET code direct in de praktijk ziet gaan en waarbij jij met jouw C#.NET code bijdraagt aan een levensreddend product? Reageer dan snel op deze toffe .NET Developer functie! Het ontwikkelen van nieuwe functionaliteiten; Aanpassen van de bestaande bedrijfsapplicatie; Door ontwikkelen van huidige product; Bedenken van nieuwe oplossingen voor specifieke vraagstukken. Functie-eisen Minimaal hbo-gediplomeerd; Je hebt minimaal drie jaar relevante werkervaring als .NET Developer; Je kunt goed zelfstandig werken en hebt een goede drive; Je bent zowel Nederlands als Engels goed onderlegd. Bedrijfsomschrijving

Bekijk vacature »

Medior Software Developer with C++ and C#

Medior Software Developer with C++ and C# Intro For our client in Eindhoven are we looking for seven software engineers with various skills. Is your interest triggered by the development of application / automation software for especially area’s like data acquisition and processing? Can you be available right away? Then this might be the opportunity for you! Function Information For our client we are looking for three different roles. One of the roles is for a C# Software engineer with docker. The second role is for a Application software engineer with C++. The final role is a software designer with

Bekijk vacature »

Ervaren Java ontwikkelaar

Functieomschrijving Binnen jouw rol als medior/senior Java ontwikkelaar speel je een grote rol in de toekomst van dit bedrijf. Het ontwikkelen van op de markt te brengen nieuwe producten, het up-to-date houden van de bestaande producten en nadenken over nieuwe innovaties zijn kerntaken die bij je functie als ontwikkelaar horen. Ook zullen de wat minder ervaren collega's bij je aankloppen als ze technische vragen hebben. Jouw invloed op het team, de software en de organisatie zal dus groot zijn! Functie-eisen – HBO/WO opleiding afgerond. – Aantal jaar ervaring met Java; – Een pré is kennis van Spring, Maven en Eclipse.

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 »

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 »

Java Developer / Redesign / Complex / Overheid

Functieomschrijving Wil jij je als Java Developer bezighouden met complexe materie, jouw kennis van Java inzetten in een groot Europees project en compleet nieuwe modules bouwen met behulp van Java? Lees dan snel verder! (Door-)ontwikkelen van de applicaties; Redesignen van bestaande modules; Uitvoeren van Unit testen; Requirements omzetten naar ontwerpen; Afstemmen met de klant/eindgebruikers. Functie-eisen Hbo werk- en denkniveau; Minimaal drie jaar relevante werkervaring; Kennis van minimaal Java 8; Ervaring met CI/CD, Docker, Kubernetes en SAML is mooi meegenomen; Je bent communicatief vaardig en houdt het security aspect goed in de gaten. Bedrijfsomschrijving Bij deze overheidsinstantie zal je terecht komen

Bekijk vacature »

.NET developer / .NET Core / C# / Azure / Innovati

Functieomschrijving Ben jij een .NET developer met enkele jaren ervaring en wil jij deze ervaring graag inzetten bij een gerenommeerde organisatie die alleen maar de meest innovatieve projecten oppakt? Heb jij interesse in IoT, AI en complexe datastromen en wil jij jezelf hier verder in ontwikkelen? Lees dan nu verder! Je dagelijkse werkzaamheden bestaan uit: Het ontwikkelen van kwalitatief sterke code met C#, .NET Core en Azure; Het van scratch af aan bouwen van oplossingen, platformen, apps en andere portalen; Het bouwen van koppelingen middels API's; Het stroomlijnen van grote data stromen; Werken aan innovatieve projecten op het gebied van

Bekijk vacature »

BI Ontwikkelaar

Ben jij gek op het verzamelen en analyseren van informatie? En wil je met deze passie graag zorgorganisaties meer inzicht verschaffen? Lees dan snel verder. Jouw baan Als BI ontwikkelaar Datawarehouse help je zorgorganisaties bij het inzichtelijk maken en grafisch presenteren van hun data. De ene dag werk je aan rapportages en kubussen, een dag later spreek je af met je collega’s om je in een ingewikkeld zorgproces te verdiepen. Je verwerkt informatiewensen samen met onze ontwikkelaars in de software. Afwisselend en uitdagend, want je werkt aan meerdere projecten tegelijk. Wat voor projecten? Dat stemmen we zoveel mogelijk af op

Bekijk vacature »

Functioneel Beheerder (Fulltime / 32 uur)

Vind jij het leuk om een brede functie te bekleden in een organisatie waarbij je de vrijheid hebt om zelfstandig je werk in te vullen? Functioneel Beheerder Fulltime / 32 uur - Amsterdam Wat ga je doen? Je bent verantwoordelijk voor het functionele beheer en de doorontwikkeling van verschillende applicaties en hebt regelmatig contact met de verschillende IT-partijen. Je rapporteert rechtstreeks aan de directie. Daarnaast maak je deel uit van het managementteam daarbinnen wordt regelmatig overlegd over lopende projecten en het beleid van de Raad van Beheer. Je anticipeert op wijzigingen in het beleid en zorgt ervoor dat deze tijdig

Bekijk vacature »

Lead Software Developer Datawarehouse

Bouw jij graag mee aan de nieuwe generatie van het datawarehouse-framework voor de zorg? En kent programmeren in C# geen geheimen voor jou? Dan pas jij perfect in ons team in Amsterdam. We bieden jou de kans om complexe uitdagingen op te lossen en te werken met de nieuwste technieken. Jouw baan Zorgprofessionals nemen belangrijke beslissingen op basis van data uit ons datawarehouse. Om dit mogelijk te maken ontwikkelt onze afdeling een set aan softwareapplicaties die optimaal aansluiten bij ons zorginformatiesysteem (ZIS). Als team lead software binnen de afdeling datawarehouse heb je de dagelijkse leiding over een team van 6

Bekijk vacature »

Lead Java Developer / CQRS / Event Sourcing / Zorg

Functieomschrijving Ben jij een Senior/Lead Java Developer met minimaal 5 jaar ervaring én wil jij als Meewerkend Voorman verantwoordelijk zijn voor een DevOps team van 5 personen bij een organisatie die rechtmatigheid in de zorg controleert? Wil je 60% van de tijd nog zelf ontwikkelen en meteen mee werken aan een gloednieuwe applicatie die de kwaliteit van zorg(verleners) in Nederland inzichtelijk maakt? Spreekt het je daarnaast aan om constant nieuwe innovatieve tooling te onderzoeken en te gebruiken, zoals bijvoorbeeld CQRS en Event Sourcing? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: meenemen van het team op het

Bekijk vacature »

Senior .NET developer/ architect gezocht, api deve

Ben je een ervaren .NET developer en op zoek naar baan waarbij je je ook meer kunt gaan richten op architectuur? Binnen een leuke, sociale en betrokken werkomgeving? Met technieken als .NET Core en Azure? Dan zou deze baan wellicht iets voor jou kunnen zijn. Voor een organisatie in Rotterdam zijn we op zoek naar eens senior .NET ontwikkelaar/ architect. De organisatie bevindt zich in de financiële branche en is een van de grotere spelers in hun vakgebied. De organisatie bestaat uit circa 600 medewerkers en heeft verschillende vestigingen in Nederland. Het hoofdkantoor zit in Rotterdam en daar is ook

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 »
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

04/08/2020 00:58:43
 
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.