Image als Submit!?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

FrontEnd Angular Developer (Dutch speaking!)

Onze klant is een bekende speler in IT Consultancy en werkt met toonaangevende organisatie. De IT Professionals die bij onze klant werken krijgen de mogelijkheid om in consultancy/detacheringsvorm aan verschillende projecten te werken bij bekende en grote organisaties. Bedrijfsomschrijving Key-account van Michael Page Omschrijving Je zult in project verband worden ingezet bij een van de bekende energieleveranciers in Nederland en ben je samen met je collega 's doorslaggevend bij het afronden van een nieuwbouwproject waar al enige tijd aan gewerkt wordt. Samen met een collega zul je een back-end team aanvullen tot een volwaardig feature team zodat de Agile Release

Bekijk vacature »

Software Developer / full stack / Java / Angular

Functieomschrijving Would you like to work at a company in Eindhoven on a custom application landscape, both front and backend? Does Java hold few secrets for you and are you also experienced with Javascript / Angular? Then we are looking for you! Als Developer werk je aan zowel de front-end als back-end van het maatwerk applicatielandschap; Je werkt mee in projecten op het gebied van systeemuitbreiding, vernieuwing en verbetering; Je werkt met o.a. Java, JEE, Spring, Angular, CI, SQL, Agile, webservices; Je denkt mee over de vertaalslag naar technische oplossingen en adviseert de organisatie op jouw vakgebied; Je werkt in

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 »

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

OpenEdge Developer / #1 software leverancier binne

Functieomschrijving Ben jij een ervaren OpenEdge Developer die graag nog nieuwbouw ontwikkelt? Wil je daarnaast jouw hersenen kraken voor het automatiseren van complexe bedrijfsprocessen? Lees dan snel verder en kom erachter of deze rol als OpenEdge Developer iets voor jou is! Uitvoeren van analyses ter bevordering van de betrouwbaarheid en performance van de bedrijfskritische applicatie; Meedenken over de architectuur en tevens waarborgen van de OpenEdge architectuur; Troubleshooten van complexe incidenten; Je deelt graag je kennis aan je collega’s; Maken van ontwerpen, schrijven van documentatie en het testen van de OpenEdge applicatie; Implementeren van nieuwe functionaliteiten en het verzorgen van nazorg.

Bekijk vacature »

Cloud Software Developer

Als Cloud Software Developer ga je aan de slag met onze SaaS-dienst Zorgplatform. Voor de ontwikkeling hiervan gebruiken wij Microsoft technologie. Zie jij dit als een uitdaging? Lees dan verder! Jouw baan Als Cloud Software Developer ga je werken aan ons Zorgplatform. Dit is een veilige service die uitgebreide ondersteuning biedt voor transmurale samenwerking. Wij ontwikkelen dit in C# in een ASP.NET Core framework. Je gaat aan de slag met het opzetten van microservices voor de verschillende processen die Zorgplatform ondersteunt. Je maakt bijvoorbeeld de integratie voor het inkijken van het medisch dossier mogelijk aan de hand van toelatingen, geregistreerd

Bekijk vacature »

Senior Java-developer

Functie­omschrijving De Rijksoverheid beschikt over een enorm Java-landschap. Als senior Java-developer bij het Rijks ICT Gilde werk je dan ook aan uitdagende en veelzijdige opdrachten. Je helpt ministeries en uitvoeringsorganisaties succesvol te zijn in het continu ontwikkelen en verbeteren van technische oplossingen. Zo help je de Rijksoverheid om met lef en ondernemerschap slagvaardig te opereren. Applicaties ontwikkelen die direct bijdragen aan het functioneren van Nederland: daar zorg jij voor als senior Java-developer bij het Rijks ICT Gilde (RIG). Of het nou gaat om het fixen van een bug of het maken van een compleet nieuwe applicatie. Met jouw Java-skills draag

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 »

Senior cloud engineer / full stack developer

Functie­omschrijving Het Koninklijk Meteorologisch Instituut is 'data driven' sinds 1854. Waarnemen, data verzamelen, modelleren, analyseren en duiding geven zijn de kernactiviteiten van het instituut. Waarnemingen komen van satellieten, radar, vliegtuigen in de lucht, maar ook van de meer dan 300 vrijwilligers die neerslagmetingen doen. De ICT van het instituut is zeer omvangrijk en voor de uitvoering van onze modellen beschikken we over een eigen HPC (supercomputer). Veel systemen zijn hoog beschikbaar uitgevoerd en kennen geen downtime. Als senior cloud engineer ben je in de lead bij de opzet en inrichting van het cloud platform, bij het vormgeven van applicaties voor

Bekijk vacature »

Full-stack .Net Developer-Nieuw klant portaal, 2mi

Een bekende Nederlandse financiële organisatie in Heerlen bouwt een nieuw IT team om hun klanten portal flink uit te breiden. Na een reeks van fusies en overnames zijn verschillende klanten portalen in de DevOps omgeving samen gevoegd. Hierdoor is de behoefte ontstaan een uitgebreid overkoepelend klanten portal te bouwen. Het is het aan het nieuwe team dit vorm te geven en uit te breiden. Aan jou de taak de optimale klantbeleving voor 2+ miljoen gebruikers te bouwen! Hiervoor zoeken wij twee ervaren Fullstack .Net Developers voor het nieuwe IT scrum team, bestaande uit 8 gepassioneerde IT’ers. Je denkt hierbij mee

Bekijk vacature »

C# Developer

You'll build modern applications for Coolblue back’s office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become C# Developer at Coolblue? Funda will explain how to do that. You enjoy doing this Working with various types of data stores,

Bekijk vacature »

Fullstack Developer Vue.js PHP Meewerkend voorman

Functieomschrijving Ben jij een ervaren Fullstack Developer, bedreven in Vue.js en PHP 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- en back-end software van diverse klant- en medewerkersapplicaties; Het ontwikkelen van maatwerk front-end en back-end oplossingen in Vue.js en PHP. Daarnaast participeren in een scrumteam; Verantwoordelijk voor het begeleiden en coachen van drie junior developers; Verantwoordelijk voor code-reviews en het opstellen van de juiste documentatie

Bekijk vacature »

Senior Java Developer vacature

Senior Java Developer 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. Bijvoorbeeld met de ontwikkeling van de Rabobank-app, een verbetering van de beveiliging van treinen voor Pro-rail of geef je een boost aan de website van ING! 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

Bekijk vacature »

Senior Mobile Developer vacature

Senior Mobile Developer Op bijna elke mobiele telefoon in Nederland is wel een app te vinden die door Sogeti is ontwikkeld of waar Sogeti aan mee heeft gewerkt. Wil jij meehelpen met het ontwikkelen van mobiele applicaties voor de top van het Nederlandse bedrijfsleven? Als Senior Mobile Developer ben jij verantwoordelijk voor het implementeren en testen van nieuwe features. Je bent medeverantwoordelijk voor de codebase en moet deze code dus ook goed onderhouden. Doordat je thuis bent in het mobiele landschap kun je gemakkelijk sparren met andere ontwikkelaars, designers, analisten en technische leads om zo de producten waar aan je

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

12/08/2020 11:16: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.