Bildkriterien durch Anklicken eines Kästchen quittieren

[tansamalaja]

Ich möchte gerne auf der Upload-Seite ganz unten ein Kästchen haben,
dass die User vor dem Upload anklicken müssen und somit die Einhaltung
der Bildkriterien noch einmal extra bestätigen.

Mit der Suche habe ich nichts passendes gefunden, sollte ich was über-
sehen haben, wäre ich für einen kleinen Hinweis dankbar...

[Acidgod]

Wieso machst Du es nicht mit JavaScript?

Musst Du nur das member_uploadform.html modifizieren...

[tansamalaja]

Also ich habe die Checkbox samt Text eingefügt, doch nach dem Anklicken bleibt der Button weiter
disabled, wo muss ich denn den Script-Teil einfügen?

[Acidgod]

Verstehe ich nicht...

Wie wäre es mit einem Testzugang usw per PN?

[tansamalaja]

Also grundsätzlich funktioniert die Checkbox.

Aber nur wenn ich "Javascript" und "Form" ganz am Ende der member_upload.html
plaziere, also noch nach dem </form>

Plaziere ich es davor, bekomme ich einen Fehler:
'document.agb.senden' ist Null oder kein Objekt

Die von mir geänderte member_upload.html habe ich mal angehangen.

Wenn du den Fehler findest, wäre es schön. Ich möchte natürlich nicht den Extra-Button
haben, sondern es soll sich auf den "Abschicken"-Button beziehen...

[honda2000]

so gehts nicht??

[tansamalaja]

Doch, so funzt es. Kannst du es jetzt auch noch so coden,
dass der zusätzliche Button weg ist und sich die ganze
Funktion auf den "uploadbutton" bezieht?

[honda2000]

meinst du so???

...mit dem "zusätlichen Button" ?

[tansamalaja]

Ich möchte gerne unter den Angaben fürs Bild und über den beiden Buttons
für "Abschicken" und "Zurücksetzen" die Check-Box haben, die man anwählen muss,
damit der Button "Abschicken" nicht mehr disabled ist.

Den Button "Weiter" benötige ich nicht. So wie es momentan ist, gibt es auch wieder
eine Fehlermeldung:
'undefined' ist Null oder kein Objekt

[Acidgod]

1. JavaScript nicht in das Template schreiben, nehmt dafür eine externe *.js Datei
2. onSubmit sollte das JavaScript die Checkbox überprüfen und nicht onClick

[honda2000]

mit dem "extern" hast du erst einmal 100% recht, denn die meisten JS werden im header vorgeladen!

dennoch, das kommplette Script ist ja nicht vollständig und hier in dem Fall nur irgendetwas aus dem Internet zusammengestückeltes!

es fehlt die kompltte Schleife, nix passiert bei nicht-anklicken, der Checkbox, zumindest müsste ein Alert-Fenster kommen

bezieht sich der Teil des Scriptes auf den "zusätlichen Button" und nicht auf den "Senden-Button"

>>> wenn ich AGB´s aktepieren soll, will ich sie per onClick erst einmal lesen
(also fehlt der Link auch noch!!!)

mit anderen Worten:
das komplette Script muss umgeschrieben werden

[Acidgod]

Testet dies doch mal:

Code: [Select]

<script language="JavaScript" type="text/javascript">
<!--
var onechecked=false;
function checkBoxes()
{
var all=document.forms[0];
for(var x = 0; x < all.length; x++)
{
if (all.elements[x].checked == true)
{
onechecked=true;
}
}
if(onechecked == false)
{
alert('Kein Formularfeld angewaehlt!');
return false;
}
}
//-->
</script>

Code: [Select]

<form method="post" action="{url_member}" enctype="multipart/form-data" onsubmit="return checkBoxes(); uploadbutton.disabled=true;">
  <input type="hidden" name="action" value="uploadimage" />
  {if cat_id}<input type="hidden" name="cat_id" value="{cat_id}" />{endif cat_id}
  <table width="100%" border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td valign="top" class="head1">
        <table width="100%" border="0" cellpadding="4" cellspacing="0">
          <tr>
            <td colspan="2" valign="top" class="head1">{lang_user_upload}</td>
          </tr>
          <tr>
            <td class="row1"><b>{lang_category}</b></td>
            <td class="row1">{cat_name}</td>
          </tr>
          <tr>
            <td class="row2" valign="top">
  <b>{lang_media_file}</b><br />
  <span class="smalltext">
  {lang_max_filesize}<b>{max_media_filsize}</b><br />
  {lang_max_imagewidth}<b>{max_media_imagewidth}</b><br />
  {lang_max_imageheight}<b>{max_media_imageheight}</b><br />
  </span> </td>
            <td class="row2">
              <b>Upload:</b><br />
  <input type="file" name="media_file" class="input" /><br />
  <b>URL:</b><br />
  <input type="text" name="remote_media_file"  size="30" value="{remote_media_file}" class="input" /><br />
  <span class="smalltext"><b>{lang_allowed_file_types}</b> {allowed_media_types}</span>            </td>
          </tr>
          <tr>
            <td class="row1" valign="top">
  <b>{lang_thumb_file}</b><br />
  <span class="smalltext">
  {lang_max_filesize}<b>{max_thumb_filsize}</b><br />
  {lang_max_imagewidth}<b>{max_thumb_imagewidth}</b><br />
  {lang_max_imageheight}<b>{max_thumb_imageheight}</b><br />
  </span> </td>
            <td class="row1">
              <b>Upload:</b><br />
  <input type="file" name="thumb_file" class="input" /><br />
  <b>URL:</b><br />
  <input type="text" name="remote_thumb_file"  size="30" value="{remote_thumb_file}" class="input" /><br />
  <span class="smalltext"><b>{lang_allowed_file_types}</b> {allowed_thumb_types}</span>            </td>
          </tr>
          <tr>
            <td class="row2"><b>{lang_image_name}</b></td>
            <td class="row2"><input type="text" name="image_name"  size="30" value="{image_name}" class="input" /></td>
          </tr>
          <tr>
            <td class="row1" valign="top"><b>{lang_description}</b></td>
            <td class="row1">
              <textarea name="image_description" cols="30" class="textarea" rows="10" wrap="VIRTUAL">{image_description}</textarea>            </td>
          </tr>
          <tr>
            <td class="row2" valign="top"><b>{lang_keywords}</b></td>
            <td class="row2">
              <textarea cols="30" class="textarea" rows="10" wrap="VIRTUAL" name="image_keywords">{image_keywords}</textarea>            </td>
          </tr>
{if captcha_upload}
          <tr>
            <td class="row1" valign="top"><b>{lang_captcha}</b></td>
            <td class="row1">
  <a href="javascript:new_captcha_image();"><img src="{url_captcha_image}" border="0" id="captcha_image" /></a> <br />
              <input type="text" name="captcha" size="30" value="" class="commentinput" id="captcha_input" />
              <br />
              {lang_captcha_desc} </td>
          </tr>
          <tr>
            <td class="row1" valign="top">&nbsp;</td>
            <td class="row1"><input type="checkbox" name="blub" value="1">
BLA BLA BLA</td>
          </tr>
          {endif captcha_upload}
        </table>
      </td>
    </tr>
  </table>
  <p align="center">
    <input type="submit" name="uploadbutton" value="{lang_submit}" class="button" />
    <input type="reset" value="{lang_reset}" class="button" />
  </p>
</form>

[tansamalaja]

Wo soll das Script jetzt hin, in eine externe Datei? Wie muß die heißen? In welches Verzeichnis kommt die? Ich kenne mich mit javascript gar nicht aus, der zunächst eingebaute Code war auch nur von einer Java-Hilfe-Seite aus dem Internet...

[Acidgod]

/template/default/header.html

Code: [Select]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<head>
<title>{site_name}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<link rel="stylesheet" href="{template_url}/style.css" />
<script language="javascript" type="text/javascript">
<!--

  var captcha_reload_count = 0;
var captcha_image_url = "{url_captcha_image}";
  function new_captcha_image() {
    if (captcha_image_url.indexOf('?') == -1) {
  document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
} else {
  document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
}

    document.getElementById('captcha_input').value="";
    document.getElementById('captcha_input').focus();
    captcha_reload_count++;
  }

function opendetailwindow() {
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }
 
  function right(e) {
    if ((document.layers || (document.getElementById && !document.all)) && (e.which == 2 || e.which == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    else if (event.button == 2 || event.button == 3) {
      alert("© Copyright by {site_name}");
      return false;
    }
    return true;
  }

  if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = right;
  }
  else if (document.all && !document.getElementById){
    document.onmousedown = right;
  }

document.oncontextmenu = new Function("alert('© Copyright by {site_name}');return false");

// -->
</script>
<script language="JavaScript" type="text/javascript">
<!--
var onechecked=false;
function checkBoxes()
{
var all=document.forms[0];
for(var x = 0; x < all.length; x++)
{
if (all.elements[x].checked == true)
{
onechecked=true;
}
}
if(onechecked == false)
{
alert('Kein Formularfeld angewaehlt!');
return false;
}
}
//-->
</script>
{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />
{endif has_rss}
</head>
<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">
<br />
/template/default/member_uploadform.html

Code: [Select]

<form method="post" action="{url_member}" enctype="multipart/form-data" onsubmit="return checkBoxes(); uploadbutton.disabled=true;">
  <input type="hidden" name="action" value="uploadimage" />
  {if cat_id}<input type="hidden" name="cat_id" value="{cat_id}" />{endif cat_id}
  <table width="100%" border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td valign="top" class="head1">
        <table width="100%" border="0" cellpadding="4" cellspacing="0">
          <tr>
            <td colspan="2" valign="top" class="head1">{lang_user_upload}</td>
          </tr>
          <tr>
            <td class="row1"><b>{lang_category}</b></td>
            <td class="row1">{cat_name}</td>
          </tr>
          <tr>
            <td class="row2" valign="top">
  <b>{lang_media_file}</b><br />
  <span class="smalltext">
  {lang_max_filesize}<b>{max_media_filsize}</b><br />
  {lang_max_imagewidth}<b>{max_media_imagewidth}</b><br />
  {lang_max_imageheight}<b>{max_media_imageheight}</b><br />
  </span> </td>
            <td class="row2">
              <b>Upload:</b><br />
  <input type="file" name="media_file" class="input" /><br />
  <b>URL:</b><br />
  <input type="text" name="remote_media_file"  size="30" value="{remote_media_file}" class="input" /><br />
  <span class="smalltext"><b>{lang_allowed_file_types}</b> {allowed_media_types}</span>            </td>
          </tr>
          <tr>
            <td class="row1" valign="top">
  <b>{lang_thumb_file}</b><br />
  <span class="smalltext">
  {lang_max_filesize}<b>{max_thumb_filsize}</b><br />
  {lang_max_imagewidth}<b>{max_thumb_imagewidth}</b><br />
  {lang_max_imageheight}<b>{max_thumb_imageheight}</b><br />
  </span> </td>
            <td class="row1">
              <b>Upload:</b><br />
  <input type="file" name="thumb_file" class="input" /><br />
  <b>URL:</b><br />
  <input type="text" name="remote_thumb_file"  size="30" value="{remote_thumb_file}" class="input" /><br />
  <span class="smalltext"><b>{lang_allowed_file_types}</b> {allowed_thumb_types}</span>            </td>
          </tr>
          <tr>
            <td class="row2"><b>{lang_image_name}</b></td>
            <td class="row2"><input type="text" name="image_name"  size="30" value="{image_name}" class="input" /></td>
          </tr>
          <tr>
            <td class="row1" valign="top"><b>{lang_description}</b></td>
            <td class="row1">
              <textarea name="image_description" cols="30" class="textarea" rows="10" wrap="VIRTUAL">{image_description}</textarea>            </td>
          </tr>
          <tr>
            <td class="row2" valign="top"><b>{lang_keywords}</b></td>
            <td class="row2">
              <textarea cols="30" class="textarea" rows="10" wrap="VIRTUAL" name="image_keywords">{image_keywords}</textarea>            </td>
          </tr>
{if captcha_upload}
          <tr>
            <td class="row1" valign="top"><b>{lang_captcha}</b></td>
            <td class="row1">
  <a href="javascript:new_captcha_image();"><img src="{url_captcha_image}" border="0" id="captcha_image" /></a> <br />
              <input type="text" name="captcha" size="30" value="" class="commentinput" id="captcha_input" />
              <br />
              {lang_captcha_desc} </td>
          </tr>
          <tr>
            <td class="row1" valign="top">&nbsp;</td>
            <td class="row1"><input type="checkbox" name="blub" value="1">
BLA BLA BLA</td>
          </tr>
          {endif captcha_upload}
        </table>
      </td>
    </tr>
  </table>
  <p align="center">
    <input type="submit" name="uploadbutton" value="{lang_submit}" class="button" />
    <input type="reset" value="{lang_reset}" class="button" />
  </p>
</form>

Jetzt besser/verständlicher?

[tansamalaja]

Sehr gut, probiere ich heute Abend gleich aus. Vielen Dank bis hierhin...