Wat werkt er niet precies..
Link gekopieerd
Wanneer ik een nummer selecteer, verschijnt er niets.
Link gekopieerd
Is er ergens een voorbeeld online ofzo?
Link gekopieerd
Nee, ik vrees van niet. Maar ik zal nog eens een poging doen duidelijk uit te leggen wat ik bedoel. Het concept van de site is naast de community het schrijven en lezen van reviews over vanalles en nog wat (films, muziekalbums, evenementen, varia). Die worden door de admins in een database gezet via een script waarvan ik het relevante stuk heb getoond in de pastebin hierboven. Het gaat hier om een muziekalbum. Aangezien het aantal nummers op een muziekalbum verschilt van album tot album, moet degene die de review toevoegt eerst selecteren uit hoeveel tracks de tracklist bestaat. Om het script even eenvoudig te houden, kan je voorlopig nog maar kiezen uit 1,2,3 of 4 tracks. Dit wordt later uiteraard uitgebreid.
Link gekopieerd
Wat je doet is een request naar de server om PHP x aantal velden te laten outputten in html. Dat is niet wat je wil. Je wil dit zonder JS oplossen. Je maakt in JS een for loopje dat x keer rond gaat (dus het aantal wat je uit de select input haalt), die voegt gewoon heel de tijd de zelfde code toe. De veldnamen geef je dan zo: name="track[]" dan krijg je in je POST var een array met alle tracknamen. Niet zo moeilijk. Ik wil vanavond wel wat voor je schrijven, heb nu alleen even geen tijd.
function showUser(x)
{
var output;
for(i=0;i<x;i++) {
output += "<input name="track[]" type="text" value="" /><br />";
document.getElementById("txtHint").innerHTML = output;
}
}
Zo simpel kan het zijn. Je moet het even aan je eigenlijk situatie aanpassen maar het zal niet veel anders zijn dan dit.
Link gekopieerd
Hm, ik doe waarschijnlijk iets erg obvious verkeerd; ik heb de JS-code vervangen door wat je hierboven gepost hebt, en in de PHPcode staat gewoon dit:
<form>
<select name="users" onChange="showUser(this.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
In ieder geval al ontzettend bedankt !
Link gekopieerd
Ik zal het eens een beetje ombouwen, goed?
<?php if(!isset($_GET['q'])) { ?>
Tracklist<br />
<form>
<select name="users" onchange="showUser(this.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
<br />
<?php
} elseif(isset($_POST['tracklist'])) {
echo "Tracklist:<br />";
for($i = 0; $i <= count($_POST['track']); $i++) {
$track = $_POST['track'][$i];
echo $_POST['track'][$i] . '<br />';
}
}
?>
function showUser(x) {
var output;
for(i=0;i<x;i++) {
output += "<input type=\"text\" name=\"track[]\" value=\"Track" + i + "\" /><br />";
}
output += "<input type=\"submit\" name=\"verzenden_album\" value=\"Bevestigen\" />";
document.getElementById("txtHint").innerHTML = output;
}
Dat zou moeten werken.
Link gekopieerd
Bedankt! Het werkt echter nog niet, naar ik meen omdat je dit gebruikt:
elseif(isset($_POST['tracklist']))
Die voorwaarde zal nooit juist zijn, aangezien er geen submitknop (meer) is, er is dus nooit een $_POST['tracklist']. Waarschijnlijk is dit wel op te lossen voor $_POST['tracklist'] te vervangen door $_POST['track'][0] ofzo. Ik moet nu weg, maar ik zal het over een halfuurtje proberen en laten weten of het werkt.
Edit: ik heb het geprobeerd, maar werken doet 't helaas niet (geen reactie wanneer ik een nummer selecteer)
Link gekopieerd
Zou het helpen het hele script nog eens te posten?
Edit:(relevante regels:25-33 & 192 - 213)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Review toevoegen</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="selectuser.js"></script>
<script type="text/javascript" src="js/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
alert(TinyMCE);
</script>
<script type="text/javascript">
var files = 1;
function addFile() {
files++;
var newFile = document.createElement("div");
newFile.innerHTML = '<br>-------------------<br><label for="addTrack">Foto '+ files +':</label><br><input type="text" name="track[]" id="track" />';
document.getElementById("uploadFiles").appendChild(newFile);
document.getElementById("countFiles").value = parseInt((document.getElementById("countFiles").value)) + 1;
}
</script>
<script type="text/javascript">
function showUser(x) {
var output;
for(i=0;i<x;i++) {
output += "<input type=\"text\" name=\"track[]\" value=\"Track" + i + "\" /><br />";
}
output += "<input type=\"submit\" name=\"verzenden_album\" value=\"Bevestigen\" />";
document.getElementById("txtHint").innerHTML = output;
}
</script>
</head>
<body>
<a href="add.php?type=event"><h1>Concertreview toevoegen</h1></a>
<?
session_start();
if(isset($_SESSION['gebruiker']))
{
if($_GET['type'] == "event")
{
include('connect.php');
$query = mysql_query("SELECT * FROM concert WHERE concert = '".mysql_real_escape_string($_POST['concert'])."'") or die(mysql_error);
$tel = mysql_real_escape_string(mysql_num_rows($query));
if ($tel > 0)
{
echo "Deze review staat al in de database.";
}
else
{
if(isset($_POST['verzenden_event']))
{
if(!isset($_POST['auteur']) || !isset($_POST['review']) || !isset($_POST['concert']) || !isset($_POST['datum']) || !isset($_POST['waardering']) || $_POST['concert'] == "Concert*" || $_POST['auteur'] == "Auteur*" || $_POST['datum'] == "Datum*" || $_POST['review'] == "Review*")
{
echo "Alle velden moeten ingevuld zijn.";
}
else
{
$datum=date("j M Y");
$maand['Jan']="januari";
$maand['Feb']="februari";
$maand['Mar']="maart";
$maand['Apr']="april";
$maand['May']="mei";
$maand['Jun']="juni";
$maand['Jul']="juli";
$maand['Aug']="augustus";
$maand['Sep']="september";
$maand['Oct']="oktober";
$maand['Nov']="november";
$maand['Dec']="december";
foreach($maand as $k=>$v)
{
$datum=str_replace($k, $v, $datum);
}
$con = mysql_connect("localhost","skadmin","naaktslak");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("skylinedb1", $con);
mysql_query("INSERT INTO concert (review,auteur,concert,datum,waardering,datumtoegevoegd) VALUES ('".mysql_real_escape_string($_POST['review'])."','".mysql_real_escape_string($_POST['auteur'])."','".mysql_real_escape_string($_POST['concert'])."', '".mysql_real_escape_string($_POST['datum'])."', '".mysql_real_escape_string($_POST['waardering'])."', '".$datum."')") or die (mysql_error());
echo "De review is succesvol toegevoegd. ";
?>
<form action="upload_multiple.php" method="post">
<input type="hidden" name="ID" value=" <?=$_POST['concert']?> " />
<input type="submit" name="sendID" value="Klik hier om foto's van dit evenement toe te voegen." />
</form>
<?
}
}
else
{
?><div>
<form action="add.php?type=event" method="post">
<input value="Concert*" type="text" name="concert" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De naam van het evenement, indien jaarlijkse happening het jaar ook vermelden. <u>Voorbeeld</u>: Pukkelpop 2009</div>
<input value="Auteur*" type="text" name="auteur" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De forumnaam van de auteur van de review.</div>
<input value="Datum*" type="text" name="datum" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De datum van het evenement; dag, maand (voluit) en jaar. Indien meerdaags evenement begin- en einddatum geven. <u>Voorbeeld</u>: 19 augustus 2009 tot 21 augustus 2009.</div>
<select name="waardering">
<option value="0.5">0.5</option>
<option value="1">1</option>
<option value="1.5">1.5</option>
<option value="2">2</option>
<option value="2.5">2.5</option>
<option value="3">3</option>
<option value="3.5">3.5</option>
<option value="4">4</option>
<option value="4.5">4.5</option>
<option value="5">5</option>
</select>
<div class="info">De waardering van de auteur voor het evenement, met een maximum van 5.</div>
<textarea name="review" rows="5" cols="30" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }">Review*</textarea><br />
<div class="info">De review zelf. Enters moeten voorlopig nog aangegeven worden met de <br /> tag.</div>
<div class="info">Het aantal foto's dat je hebt van dit evenement (niet verplicht, maximum aantal 5). Het uploaden gebeurt in de volgende stap.</div>
<input type="submit" name="verzenden_event" value="Bevestigen" />
</form></div>
<?php
}
}
}
?>
<hr />
<a href="add.php?type=album"><h1>Albumreview toevoegen</h1></a>
<?
include('connect.php');
$query = mysql_query("SELECT * FROM `album` WHERE `album` = '".mysql_real_escape_string($_POST['album'])."'") or die(mysql_error);
$tel = mysql_real_escape_string(mysql_num_rows($query));
if ($tel > 0)
{
echo "Deze review staat al in de database.";
}
else
{
if(isset($_POST['verzenden_album']))
{
if(!isset($_POST['band']) || !isset($_POST['auteur']) || !isset($_POST['review']) || !isset($_POST['album']) || !isset($_POST['datum']) || !isset($_POST['waardering']) || $_POST['album'] == "Album*" || $_POST['auteur'] == "Auteur*" || $_POST['datum'] == "Datum*" || $_POST['review'] == "Review*")
{
echo "Alle velden moeten ingevuld zijn.";
}
else
{
$datum=date("j M Y");
$maand['Jan']="januari";
$maand['Feb']="februari";
$maand['Mar']="maart";
$maand['Apr']="april";
$maand['May']="mei";
$maand['Jun']="juni";
$maand['Jul']="juli";
$maand['Aug']="augustus";
$maand['Sep']="september";
$maand['Oct']="oktober";
$maand['Nov']="november";
$maand['Dec']="december";
foreach($maand as $k=>$v)
{
$datum=str_replace($k, $v, $datum);
}
for($i=0;$i<=($_POST['countFiles']-1);$i++)
{
$track = $_POST['track'][$i];
echo $track;
}
include('connect.php');
mysql_query("INSERT INTO `album` (band,review,auteur,album,datum,waardering,datumtoegevoegd,tracklist) VALUES ('".mysql_real_escape_string($_POST['band'])."','".mysql_real_escape_string($_POST['review'])."','".mysql_real_escape_string($_POST['auteur'])."','".mysql_real_escape_string($_POST['album'])."', '".mysql_real_escape_string($_POST['datum'])."', '".mysql_real_escape_string($_POST['waardering'])."', '".$datum."', '".mysql_real_escape_string($_POST['tracklist'])."')") or die (mysql_error());
echo "De review is succesvol toegevoegd.";
?>
<form action="upload.php" method="post"
enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" />
<input type="hidden" name="album" value="<? echo mysql_real_escape_string($_POST['album']); ?>" />
<input type="submit" name="upload_cover" value="Opslaan" />
</form>
<br />
<div class="info">De cover van het album. Vereisten:200x200px en JPEG-extensie (.jpg).</div>
<?php
}
}
else
{
?><div>
<form action="add.php?type=album" method="post">
<input value="Album*" type="text" name="album" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De naam van het album.</div>
<input value="Band*" type="text" name="band" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De uitvoerders van het album.</div>
<input value="Auteur*" type="text" name="auteur" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De forumnaam van de auteur van de review.</div>
<input value="Datum*" type="text" name="datum" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De releasedatum van het album; dag, maand (voluit) en jaar.</div>
<select name="waardering">
<option value="0.5">0.5</option>
<option value="1">1</option>
<option value="1.5">1.5</option>
<option value="2">2</option>
<option value="2.5">2.5</option>
<option value="3">3</option>
<option value="3.5">3.5</option>
<option value="4">4</option>
<option value="4.5">4.5</option>
<option value="5">5</option>
</select>
<div class="info">De waardering van de auteur voor het album, met een maximum van 5.</div>
<textarea cols="50" rows="15" name="review" rows="5" cols="30" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }">Review*</textarea><br />
<div class="info">De review zelf. Enters moeten voorlopig nog aangegeven worden met de <br /> tag.</div>
<?php if(!isset($_GET['q']))
{
?>
<span>Tracklist</span><br />
<form>
<select name="users" onchange="showUser(this.value)" id="track">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
<?php
}
elseif(isset($_GET['q']))
{
echo "Tracklist:<br />";
for($i = 0; $i <= count($_POST['track']); $i++)
{
$track = $_POST['track'][$i];
echo $_POST['track'][$i] . '<br />';
}
}
?>
<br />
<div id="uploadFiles">
<label for="addTrack">Track 1:</label><br>
<input type="text" name="track[]" id="track[]" />
</div>
<input type="hidden" name="countFiles" id="countFiles" value="1">
<a href="javascript:void(0);" onClick="addFile();">Voeg een track toe</a>
<br />
<br />
<br />
<input type="submit" name="verzenden_album" value="Bevestigen" />
</form></div>
<?php
}
}
?>
<hr />
<a href="add.php?type=film"><h1>Filmreview toevoegen</h1></a>
<?
include('connect.php');
$query = mysql_query("SELECT * FROM `film` WHERE `film` = '".mysql_real_escape_string($_POST['film'])."'") or die(mysql_error);
$tel = mysql_real_escape_string(mysql_num_rows($query));
if ($tel > 0)
{
echo "Deze review staat al in de database.";
}
else
{
if(isset($_POST['verzenden_film']))
{
if(!isset($_POST['regisseur']) || !isset($_POST['auteur']) || !isset($_POST['review']) || !isset($_POST['film']) || !isset($_POST['datum']) || !isset($_POST['waardering']) || $_POST['film'] == "Film*" || $_POST['Regisseur'] == "Regisseur*" || $_POST['datum'] == "Datum*" || $_POST['review'] == "Review*" || $_POST['speelduur'] == "Speelduur*")
{
echo "Alle velden moeten ingevuld zijn.";
}
else
{
$datum=date("j M Y");
$maand['Jan']="januari";
$maand['Feb']="februari";
$maand['Mar']="maart";
$maand['Apr']="april";
$maand['May']="mei";
$maand['Jun']="juni";
$maand['Jul']="juli";
$maand['Aug']="augustus";
$maand['Sep']="september";
$maand['Oct']="oktober";
$maand['Nov']="november";
$maand['Dec']="december";
foreach($maand as $k=>$v)
{
$datum=str_replace($k, $v, $datum);
}
include('connect.php');
mysql_query("INSERT INTO `film` (regisseur,review,auteur,film,datum,waardering,datumtoegevoegd,speelduur,youtube,cast) VALUES ('".mysql_real_escape_string($_POST['regisseur'])."','".mysql_real_escape_string($_POST['review'])."','".mysql_real_escape_string($_POST['auteur'])."','".mysql_real_escape_string($_POST['film'])."', '".mysql_real_escape_string($_POST['datum'])."', '".mysql_real_escape_string($_POST['waardering'])."', '".$datum."','".mysql_real_escape_string($_POST['speelduur'])."','".mysql_real_escape_string($_POST['youtube'])."','".mysql_real_escape_string($_POST['cast'])."')") or die (mysql_error());
echo "De review is succesvol toegevoegd.";
?>
<form action="upload.php" method="post"
enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" />
<input type="hidden" name="film" value="<? echo mysql_real_escape_string($_POST['film']); ?>" />
<input type="submit" name="upload_cover_film" value="Opslaan" />
</form>
<br />
<div class="info">De cover van de film. Vereisten:200x200px en JPEG-extensie (.jpg).</div>
<?php
}
}
else
{
?><div>
<form action="add.php?type=film" method="post">
<input value="Film*" type="text" name="film" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De naam van de film.</div>
<input value="Regisseur*" type="text" name="regisseur" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }" /><br />
<div class="info">De (voor- en achter)naam van de regisseur, voluit.</div>
<textarea type="text" name="cast" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }">Cast*</textarea><br />
<div class="info">De cast van de film, de (belangrijkste) acteurs dus. Minimum 2, maximum 5. Voeg een enter tussen de verschillende acteurs (eveneens voor-en achternaam).</div>
<input value="Auteur*" type="text" name="auteur" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }" /><br />
<div class="info">De forumnaam van de auteur van de review.</div>
<input value="Datum*" type="text" name="datum" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">De releasedatum van het album; dag, maand (voluit) en jaar.</div>
<select name="waardering">
<option value="0.5">0.5</option>
<option value="1">1</option>
<option value="1.5">1.5</option>
<option value="2">2</option>
<option value="2.5">2.5</option>
<option value="3">3</option>
<option value="3.5">3.5</option>
<option value="4">4</option>
<option value="4.5">4.5</option>
<option value="5">5</option>
</select>
<div class="info">De waardering van de auteur voor de film, met een maximum van 5.</div>
<textarea name="review" rows="5" cols="30" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }">Review*</textarea><br />
<div class="info">De review zelf. Enters moeten voorlopig nog aangegeven worden met de <br /> tag.</div>
<input value="Trailer (YouTube)*" type="text" name="youtube" onfocus="if(this.value == this.defaultValue) { this.value = '' }" onblur="if(this.value == '') { this.value = this.defaultValue }"/><br />
<div class="info">Geef hier - indien mogelijk - de YouTubelink in van de trailer.</div>
<input type="submit" name="verzenden_film" value="Bevestigen" />
</form></div>
<?php
}
}
}
else { echo "Je moet ingelogd zijn om reviews toe te voegen. Klik <a href=\"modpannel.php\">hier</a> om in te loggen."; }
?>
</body>
</html>
Link gekopieerd
Hey,
dit werkt bij mij:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Review toevoegen</title>
<script type="text/javascript">
function showUser(x) {
var output = "<form action=\"#\" method=\"POST\">";
for(i=0;i<x;i++) {
output += "<input type=\"text\" name=\"track[]\" value=\"Track" + i + "\" /><br />";
}
output += "<input type=\"submit\" name=\"verzenden_album\" value=\"Bevestigen\" /></form>";
document.getElementById("trackfields").innerHTML = output;
}
</script>
</head>
<body>
<span>Tracklist</span><br />
<div id="trackfields"><!-- --></div>
<form>
<select name="users" onchange="showUser(this.value)" id="track">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
</body>
</html>
Ik heb even al je PHP er tussen uit gesloopt omdat ik daar niet veel mee kan.
Maar is het niet makkelijk om gewoon x velden weer te geven en dan dat gebruikers op een '+' kunnen drukken voor een extra veld?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Review toevoegen</title>
<script type="text/javascript">
var lastTrack = 1;
var maximum = 5;
function addField() {
if (lastTrack + 1 <= maximum) { /*eventueel een maximum aan velden instellen */
lastTrack = lastTrack + 1;
document.getElementById("fields").innerHTML += "<br /><input type=\"text\" name=\"track[]\" value=\"Track" + lastTrack + "\" />";
if (lastTrack >= maximum) {
document.getElementById("addField").innerHTML = "";
}
}
}
</script>
</head>
<body>
<span>Tracklist</span><br />
<form action="#" method="POST">
<div id="trackfields">
<span id="fields">
<input type="text" name="track[]" value="Track 1" />
</span>
<span id="addField"><a href="#" onclick="addField();">+</a></span>
</div>
<input type="submit" name="verzenden_album" value="Bevestigen" />
</form>
</body>
</html>
Dat lijkt met efficiënter.
Link gekopieerd
