Image als Submit!?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

WordPress Developer @ regio Den Haag

2021-04-02 iSense WordPress Developer Ben jij een Developer en heb je ervaring met WordPress, Javascript, HTML en CSS? Wil je binnen een grote organisatie werken, waar de gehele online omgeving vernieuwd zal gaan worden en waar jij jouw stempel op kan drukken? ISS49537 Nieuw Organisatie Voor een grote overheidsinstelling in Den Haag zijn wij opzoek naar een WordPress developer, met kennis en ervaring op het gebied van Javascript, HTML, XML en CSS. 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

Bekijk vacature »

Delphi Developer

Als Delphi Developer werk je samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken. Wat doe je als Delphi Developer bij Coolblue? Je werkt samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken, of het nu gaat om het uitbreiden van features of het migreren naar API's. Alles om een glimlach op het gezicht van onze collega's te toveren! Hoewel je een Delphi Developer bent, ben je niet vies van een beetje C# of JavaScript. Wil jij ook Delphi Developer worden bij Coolblue? Lees hieronder of het bij je past.

Bekijk vacature »

.NET Developer / Azure @ Tilburg

2021-05-25 iSense .NET Developer Azure Ben jij een .NET Developer met 2 - 3 jaar werkervaring en lijkt het je leuk om te werken bij een organisatie die een grote maatschappelijke bijdrage levert binnen de Nederlandse zorgsector? Lijkt het je interessant om aan de slag te gaan in een Azure DevOps omgeving? Reageer dan nu! ISHU49852 Organisatie De organisatie waar je als .NET Developer komt te werken houdt zich bezig met het bouwen van oplossingen ter ondersteuning van de intenstieve zorg in Nederland. Een belangrijk doel van de oplossingen is het ondersteunen in de goede uitwisseling van digitale gegevens van

Bekijk vacature »

front-end developer

Ben jij die innovatieve frontend developer die mee wil denken over en werken aan onze technische uitdagingen? Zet jij je in om medische applicaties te ontwikkelen die donatie en transplantatie van organen en weefsel helpen mogelijk te maken? Wat ga je doen Als frontend developer bij de Nederlandse Transplantatie Stichting (NTS) werk je binnen een afdeling met gedreven programmeurs aan innovatieve oplossingen voor de technische uitdagingen die er liggen. Je krijgt veel vrijheid en werkt met de nieuwste technieken en tools zoals Angular (versie 10+), RxJs, Jest en Cypress. De eindgebruikers waarvoor jij programmeert zijn onder andere artsen, promovendi, postdocs

Bekijk vacature »

Front-End Developer / JavaScript / Vue.JS / Financ

2021-05-24 iSense Front-End Developer / JavaScript / Vue.JS / Financial organization ISDI47550 Company profile Our client is a large organisation in the banking sector, offering various products and services across Europe. The department you will work for consists of multiple Scrum teams based in Amsterdam, but also have team members working for their vendor partner at an off-shore location in India. The department responsible for three different large applications that are being used internally by other teams. The current architecture does not suffice with the present-day standards and will therefore (need to) be renewed. To do so, the team will

Bekijk vacature »

Senior Developer C#

UPS is looking for a Senior Developer C# *REMOTE WORK POSSIBLE FOR THIS ROLE* As a Senior Developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as team

Bekijk vacature »

C# Developer @ Breda

2021-05-20 iSense C# Developer C# Developer ISEY49300 Organisatie Onze opdrachtgever is een organisatie die maatwerksoftware levert binnen de internationale transport sector. Het gaat om de complete automatisering van bewerking-, opslag- en transportsystemen.Dit familiebedrijf bestaat al meer dan 40 jaar. Binnen het team van 8 developers zijn wij op zoek naar versterking door de toenemende vraag en groei van het bedrijf. Taken Het werken aan maatwerkapplicaties in C# en asp.net; Sparren met opdrachtgevers over aanpassingen; Sparren met teamleden over de aanpak van een project; Meewerken aan verschillende internationale projecten; Meewerken aan het opleveren van de frond-end (HTML5); Analyseren van bestaande code

Bekijk vacature »

GIS Developer @ Utrecht

2021-05-17 iSense GIS Developer Ben jij een Software Developer met minimaal drie jaar ervaring en wil jij aan werken aan toonaangevende GIS software? Spreekt het jou aan om binnen een innovatief ingenieursbureau te werken aan uiteenlopende projecten voor diverse grote en bekende namen in Nederland? Lees dan nu verder! ISHU48803 Organisatie Als GIS Developer kom je te werken bij een high-tech ingenieursbureau in de regio van Utrecht. Al ruim 15 jaar werken ze aan de eigen ontwikkeling van innovatieve applicaties op het gebied van mobiliteit en infrastructuur. Met al hun jaren ervaring bedenken en ontwikkelen ze geografische oplossingen voor grote

Bekijk vacature »

Full Stack .NET Developer Graduate Program - Exper

Via Experis Academy krijg je een unieke kans om de in de branche gewilde expertise op te doen die jou tot een gewilde Full Stack .NET Developer met een frontend-specialisatie maken. Het programma duurt 21 maanden en eindigt met een vaste baan bij een van onze vele, boeiende opdrachtgevers, of je blijft bij ons (Experis) werken. Ons programma tot .NET Developer Experis Academy start met een op maat gemaakte cursus die drie maanden duurt. Gedurende deze maanden komen theorie, praktijk en .NET-certificeringen aan bod. Hierbij is het onderwijsprogramma gebaseerd op de principes als versnelde training en flipped classroom. De volgende

Bekijk vacature »

.Net ontwikkelaar @ Oldenzaal

2021-04-23 iSense .Net ontwikkelaar Wil jij werken aan software wat overal ter wereld wordt gebruikt? Wil jij werken in een platte organisatie met oog voor zijn werknemers? Lees dan snel verder! ISHA49468 Organisatie Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en onderhoud. Deze applicatie omgevingen draaien voor

Bekijk vacature »

C#/Azure developer

Op zoek naar leuke collega's waarmee je kunt lachen, gave projecten en een ambitieuze werkgever die heel goed voor je zorgt? Aangenaam: Profit4Cloud! Wij zijn nu met 55 collega's en werken sinds 2015 vanuit 5 vestigingen aan mooie projecten met een fijne groep collega's die allemaal maar één ding willen: mooie en slimme software-oplossingen ontwikkelen met de nieuwste technieken. We zijn goed bezig en zijn daarom op zoek naar versterking: Medior C#/Azure developers. Ben jij de Medior C# developer die enthousiast wordt van mooie projecten waar binnen jij een belangrijke rol speelt? Dan is Profit4Cloud jouw 'place-to-be'! Als Medior C#

Bekijk vacature »

Java Developer @ Leeuwarden

2021-05-05 iSense Java Developer Are you an experienced Engineer with testing and programming skills? Do you have relevant experience with Java, Spring and CI/CD pipelines? Do you want to work in Leeuwarden? Then advance your career in one of the coolest and most challenging companies located in the Netherlands! ISRI45980 Organization You will work at a large and progressive financial organization with offices in the Netherlands and abroad. You work within the domain that is responsible for delivering several daily banking processes used by all our customers. The processes are fixed around life cycle management for the current accounts and

Bekijk vacature »

Junior Developer / DevOps / Tibco @ Amsterdam

2021-03-18 iSense Junior Developer DevOps Tibco Ben jij recentelijk afgestudeerd en wil jij je carrière starten in IT? Wil jij end-to-end verantwoordelijk zijn voor het optimaliseren en automatiseren van primaire digitale processen? Heb jij de ambitie om te werken bij één van de grootste spelers in de financiële sector? Solliciteer dan nu! ISDI45952 Organisatie Onze klant is een grote organisatie en is actief in de financiële sector. Binnen Europa bieden zij veel verschillende producten en diensten aan. De afdeling waar je komt te werken richt zich op het digitaliseren van primaire digitale processen. Wat digitale processen betreft lopen wij in

Bekijk vacature »

Java Software Developer / SaaS platform / greenfie

2021-06-01 iSense Java Software Developer / SaaS platform / greenfield Ben jij een junior / medior Java Developer die klaar is voor een nieuwe uitdaging? Lijkt het jou tof om een volledig greenfield SaaS platform op te gaan zetten bij een gevestigd bedrijf? Dan is dit dé vacature voor jou! ISMO49027 Organisatie Onze klant, een innovatief bedrijf met een gevestigde naam op het gebied van industriële automatisering, wil een nieuw product gaan lanceren. Dit wordt een SaaS oplossing waarbij klanten hun hele bedrijf kunnen monitoren en dat goed samenwerkt met de automatiseringsoplossingen die geboden worden. Het is dus een volledig

Bekijk vacature »

Front-end Ontwikkelaar - Publieke Veiligheid

Help JIJ onze klanten in de Digitale Transitie? Neem dan contact met MIJ op! Wij geloven dat organisaties meer wendbaar moeten worden én blijven. Dat maakt organisaties toekomstbestendig. Ben jij een leergierige software engineer met passie voor front-end development? Wil jij je verder ontwikkelen in de nieuwste front-end technologieën? Zoek jij uitdagende klussen in teamverband? Wij bieden jou die uitdaging en de mogelijkheden jezelf verder te ontwikkelen. We leveren een bijdrage aan het veiliger maken van Nederland en daar zijn we trots op! Heb je minimaal drie jaar ervaring in zo’n mooie rol, ben je inspirerend en dynamisch? In de

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

21/06/2021 15:31:37
 
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.