Ga naar inhoud


HTML/PHP vraagje variabelen

Con

Door Con
in Off topic

 Delen

Aanbevolen berichten

Con Superster

Con

Geplaatst:
Geplaatst:

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.

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10, Gigabyte Brix met Home Assistant, 17 Shelly's en 2 ESP-tjes.

Link naar reactie
Delen op andere sites

badmeester Vaak hier

badmeester

Geplaatst:
Geplaatst: 
<!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

Link naar reactie
Delen op andere sites
Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:

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.

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10, Gigabyte Brix met Home Assistant, 17 Shelly's en 2 ESP-tjes.

Link naar reactie
Delen op andere sites
Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:
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?

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10, Gigabyte Brix met Home Assistant, 17 Shelly's en 2 ESP-tjes.

Link naar reactie
Delen op andere sites
badmeester Vaak hier

badmeester

Geplaatst:
Geplaatst: 
<!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.

Link naar reactie
Delen op andere sites
Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:

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.

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10, Gigabyte Brix met Home Assistant, 17 Shelly's en 2 ESP-tjes.

Link naar reactie
Delen op andere sites
badmeester Vaak hier

badmeester

Geplaatst:
Geplaatst:

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

Link naar reactie
Delen op andere sites
Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst: (aangepast)

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

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10, Gigabyte Brix met Home Assistant, 17 Shelly's en 2 ESP-tjes.

Link naar reactie
Delen op andere sites
Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:

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...:)

 

 

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10, Gigabyte Brix met Home Assistant, 17 Shelly's en 2 ESP-tjes.

Link naar reactie
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
 Delen
Ga naar topic overzicht
×
×
  • Nieuwe aanmaken...