Ga naar inhoud
Log in om dit te volgen  
Con

HTML/PHP vraagje variabelen

Aanbevolen berichten

Stel naam_kat is "Ready"

<TD width="40">Naam: </TD>
<TD ><INPUT NAME="naam_kat" SIZE="15"><BR></TD>

Nu wil in in de rest van het formulier niet "Heeft jouw kat nog andere..."

maar "Heeft Ready nog andere...

 

Hoe doe ik dat?

 

<?php

echo $kat_naam;

?>

werkt iig niet.

Deel dit bericht


Link naar bericht
Delen op andere sites

Dat wordt Java script en/of Ajax gebruiken...

Want je PHP script heeft de waarde voor $kat_naam nog niet tijdens het genereren van de pagina...

Deel dit bericht


Link naar bericht
Delen op andere sites
<!DOCTYPE html>
<html dir="lr" lang="nl">
<head>
<script><!--
function naam_invullen() {
var naam = gegevens.kat_naam.value;
var spans =	gegevens.getElementsByClassName('kat_naam');
console.log(spans);
  if (naam.trim() == '') {
	  naam = 'de kat';
  }
  for (var i = 0; i < spans.length; i++) {
  	spans[i].innerHTML = naam;
  }
}
//-->
</script>
</head>
<body>

<h1>Test formulier</h1>
<form id="gegevens">
  <table cellpadding="1" cellspacing="2" border="0" class="main">
    <tr>
      <td align="right" width="240">Naam van de kat:</td>
      <td align="left" width="300"><input name="kat_naam" id="kat_naam" type="text" maxlength="60" size="15" value="" onchange="javascript:naam_invullen();" /></td>
    </tr>
    <tr>
      <td align="right" width="240">Geboortedatum van <span class="kat_naam">de kat</span>:</td>
      <td align="left" width="300"><input name="kat_geboren" type="text" maxlength="12" size="10" value="" /></td>
    </tr>
    <tr>
      <td align="right" width="240">Kleur van <span class="kat_naam">de kat</span>:</td>
      <td align="left" width="300"><input name="kat_kleur" type="text" maxlength="12" size="10" value="" /></td>
    </tr>
  </table>  
</form>
</body>
</html>

HTML met stukje JavaScript

Deel dit bericht


Link naar bericht
Delen op andere sites

Ah, ik heb iig geval iets om mee aan de slag te gaan, bedankt.

Mocht het simpeler kunnen... be my gast...

 

Ik ga dit iig uitwerken.

Deel dit bericht


Link naar bericht
Delen op andere sites
Op 8-1-2019 om 13:26 zei badmeester:

<!DOCTYPE html>
<html dir="lr" lang="nl">
<head>
<script><!--
function naam_invullen() {
var naam = gegevens.kat_naam.value;
var spans =	gegevens.getElementsByClassName('kat_naam');
console.log(spans);
  if (naam.trim() == '') {
	  naam = 'de kat';
  }
  for (var i = 0; i < spans.length; i++) {
  	spans[i].innerHTML = naam;
  }
}
//-->
</script>
</head>
<body>

<h1>Test formulier</h1>
<form id="gegevens">
  <table cellpadding="1" cellspacing="2" border="0" class="main">
    <tr>
      <td align="right" width="240">Naam van de kat:</td>
      <td align="left" width="300"><input name="kat_naam" id="kat_naam" type="text" maxlength="60" size="15" value="" onchange="javascript:naam_invullen();" /></td>
    </tr>
    <tr>
      <td align="right" width="240">Geboortedatum van <span class="kat_naam">de kat</span>:</td>
      <td align="left" width="300"><input name="kat_geboren" type="text" maxlength="12" size="10" value="" /></td>
    </tr>
    <tr>
      <td align="right" width="240">Kleur van <span class="kat_naam">de kat</span>:</td>
      <td align="left" width="300"><input name="kat_kleur" type="text" maxlength="12" size="10" value="" /></td>
    </tr>
  </table>  
</form>
</body>
</html>

HTML met stukje JavaScript

Ik heb dit uitgeprobeerd maar krijg een hoop bagger bij de

implementatie van de variabele in de HTML tekst.

 

Kun je er eens naar kijken?

Deel dit bericht


Link naar bericht
Delen op andere sites

Stuur of post de code die je nu gebruikt en ik zal er een blik op werpen.

 

Indien mogelijk ook de headers met aanroepen naar scripts. Als je JQuery gebruikt zal het uitvoerend script er heel anders uitzien.

 

Deel dit bericht


Link naar bericht
Delen op andere sites
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#kat_naam").change(function(){
	var katNaam = $("#kat_naam").val();
	if (katNaam.trim() == '') {
		katNaam = ' de kat';
	} else {
		katNaam = "<b>" + katNaam + "</b>";
	}
	$(".kat_naam").fadeOut();
	$(".kat_naam").html(katNaam);
    $(".kat_naam").fadeIn();
  });
});
</script>
</head>
<body>
<h1>Test formulier</h1>
<form id="gegevens">
  <table cellpadding="1" cellspacing="2" border="0" class="main">
    <tr>
      <td align="right" width="240">Naam van de kat:</td>
      <td align="left" width="300"><input name="kat_naam" id="kat_naam" type="text" maxlength="60" size="15" value="" /></td>
    </tr>
    <tr>
      <td align="right" width="240">Geboortedatum van <span class="kat_naam">de kat</span>:</td>
      <td align="left" width="300"><input name="kat_geboren" type="text" maxlength="12" size="10" value="" /></td>
    </tr>
    <tr>
      <td align="right" width="240">Kleur van <span class="kat_naam">de kat</span>:</td>
      <td align="left" width="300"><input name="kat_kleur" type="text" maxlength="12" size="10" value="" /></td>
    </tr>
  </table>  
</form>
</body>
</html>

Voorbeeld met JQuery.

Deel dit bericht


Link naar bericht
Delen op andere sites

het eerste script leverde het volgende resultaat op;

Test formulier


Naam van de kat:
Geboortedatum van de kat:
Kleur van de kat:

 

 

Het vreemde vond ik dat het script uit was gecommenteerd met <script><!--

<script><!--
function naam_invullen() {
var naam = gegevens.kat_naam.value;
var spans =	gegevens.getElementsByClassName('kat_naam');
console.log(spans);
  if (naam.trim() == '') {
	  naam = 'de kat';
  }
  for (var i = 0; i < spans.length; i++) {
  	spans[i].innerHTML = naam;
  }
}
//-->

Maar dat zal wel te maken hebben met mijn "geen-kennis".

 

Jouw laatste versie werkt wel, wat er nu mis is met het eerste scriptje...? Voor mij een raadsel.

Deel dit bericht


Link naar bericht
Delen op andere sites

Oudere browsers die geen JavaScript ondersteunen tonen de code als tekst.

Daarom wordt meestal alle code omsloten door een comment-tag.

<!--

Start comment

//-->

Einde comment met twee slashes als JavaScript Escape om te voorkomen dat 'Einde comment' wordt uitgevoerd als code.

 

Het eerste script met HTML werkt zoals bedoelt. Zojuist gekopieerd en geplakt in leeg document en daarna geopend in FireFox.

 

Screenshot_2019-01-15 Screenshot.png

Deel dit bericht


Link naar bericht
Delen op andere sites

Het tweede script werkte 2 keer, daarna kreeg ik in Chrome, FF en Explorer;

image.png.a52d92594e657ea3466f433ac14c5a32.png

 

Ga het eerste script nog een keer proberen.

 

AANVULLING

Het eerste script werkt nu als een speer, snap jij ut, snap ik ut.

( na een herstart van mijn PC...)

aangepast door Con

Deel dit bericht


Link naar bericht
Delen op andere sites

Zo, even terugkomend op mijn probleem.

 

Om het hele script hier te plaatsen ging mij te ver en heb gevraagd of

badmeester mij met prive-mail over en weer wilde helpen.

 

Nou, dat heeft hij gedaan, heeft eerst mijn script ontdaan van de

nodige HTML-porno, een en ander gestructureerd en als laatste

het formulier mooi en werkend gemaakt. Mijn dank nogmaals hiervoor.

 

Ik onderhoud de website van kansarmedieren.nl en dat was

allemaal redelijk simpel, poes erbij poes(rip) eraf en de zaak up-to-date

houden. Dat ging mij redelijk goed af en... dan doe je ook iets goeds

voor zo'n belangrijke club. Nu echter overvroegen ze mij om een

formulier te maken hetgeen ik nog niet eerder had gedaan en ja

zeg dan eens nee!

 

Maar daar had ik blijkbaar hulp voor nodig en zie daar "daar is Sat4all"

met virtuoos "badmeester". En, eerlijk is eerlijk, hier zitten nu eenmaal

goeroe's.

 

Als het helemaal af is zal ik eens een screenshot neerzetten van het

eindresultaat.

 

En Con zag dat het goed was...:)

 

 

Deel dit bericht


Link naar bericht
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
Log in om dit te volgen  

  • Wie is er online   0 leden

    Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken

  • Gerelateerde inhoud

    • Door edbe
      merken ze bij RTL mediapark niet dat ipv RTL5 logo nu Teleshop5 logo staat?
    • Door freak
      ik heb een elektrische step die werkt met een paar 12v 12ah batterijen
      oude baterijen waren oud en ik heb nieuwe gekocht
      maar met de nieuwe baterijen kom ik nog geen kilometer ver
      helemaal opgeladen geven de nieuwe baterijen 13.5v aan terwijl de oude baterijen 14.6 volt aangeven
      zijn de baterijen niet goed? ze moeten toch over de 14v aangeven?
       
    • Door Sprietje
      Komend weekeinde wordt de F1 race gehouden op het Circuit de Catalunja in Barcelona.

      De diverse onderdelen worden op de volgende tijden verreden:
      vrijdag    van 11:00 - 12:30 uur 1e vrije training
      vrijdag    van 15:00 - 16:30 uur 2e vrije training
      zaterdag van 12:00 - 13:00 uur 3e vrije training
      zaterdag van 15:00 - 16:00 uur kwalificatie
      zondag   van 15:10 - 17:10 uur race
       
      De diverse onderdelen van de race kunnen in heel Europa ongecodeerd bekeken worden via de Astra 19,2 op de volgende zenders:
       
      Op N-TV
      vrijdag van 14:55 - 16:30 uur 2e vrije training
       
      Op RTL-Duitsland
      zaterdag van 14:00 - 14:45 uur 3e vrije training
      zaterdag van 14:45 - 16:15 uur kwalificatie
      zondag   van  14:00 - 15:00 uur voorbeschouwing
      zondag   van  15:00 - 16:55 uur race
      zondag   van 16:55 -  17:15 uur huldiging en nabeschouwing
       
      Voor mensen die in Spanje of Portugal verblijven kunnen alle onderdelen live en ongecodeerd en zonder reclame bekijken op de Badr 26 oost op de zender MBC Action met een schotel van 60cm.
       
      De vooruitzichten van het weer:
      De weersites geven voor vrijdag en zaterdag temperaturen van 29 graden en zonnig weer. Zondag 27 graden, half bewolkt met kans op regen vóór de race maar dat kan natuurlijk zo maar een paar uur veranderen zodat er wat regen valt tijdens de race.


    • Door ceesv
      De grondlegger van de digitale beeldverwerking, uitvinder van de pixel, is op 91 jarige leeftijd overleden.
       
      In 1957 produceerde hij de eerste digitale foto.
       
      https://en.wikipedia.org/wiki/Russell_Kirsch
       
      https://www.google.com/search?source=univ&tbm=isch&q=russell+kirsch&client=firefox-b-d&sa=X&ved=2ahUKEwjB9uX8_ZzrAhXQGewKHagwCYMQsAR6BAgQEAE&biw=1920&bih=938
    • Door Daan
      Even een vraag, mijn zoon huurt momenteel een kamer, het huurcontract liep tot 1 augustus 2020 nu wil mijn zoon een ander kamer huren, maar verhuurder zei dat het contract was verlengd weer voor 1 jaar hij heeft ook geen nieuwe huurovereenkomst gehad, er staat nergens dat het contract met stilzwijgen word verlengd hoe zit het nu is het nieuwe contract rechtsgeldig ?
       
×
×
  • Nieuwe aanmaken...

Belangrijke informatie

Lees alvorens je verder gaat onze Gebruiksvoorwaarden en Privacybeleid. We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.