zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Serveradministration und serverseitige Scripte
Seite neu laden PHP: Abstimmung per Grafikleiste

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.07.2006, 10:11
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard PHP: Abstimmung per Grafikleiste

Hallo zusammen

Ich bin relativ neu in PHP und versuche gerade eine Abstimmung per Grafik zu lösen wie sie im Anhang dargestellt ist. Es gibt drei Zustände: Stop, Slow und Go.
Nur habe ich dabei natürlich kein Submit Button und somit auch keine Möglichkeit die Auswahl abzuschicken und weiterzuverarbeiten. Was kann ich da machen?

Der XHTML Code ist eine ganz normale Liste:
Code:
<form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
<ul id="vote">
 <li id="stop"><a href="#stop"><span>Stop</span></a></li>
 <li id="slow"><a href="#slow"><span>Slow</span></a></li>
 <li id="go"><a href="#go"><span>Go</span></a></li>
</ul>
</form>
PS: Die span's brauche ich für das IR.

Freundliche Grüsse
Angehängte Grafiken
Dateityp: jpg verlauf_complete.jpg (7,5 KB, 18x aufgerufen)
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.07.2006, 10:22
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Das geht relativ leicht mit einer Image-Map oder mit <input type="image" ...> Beim INPUT musst du noch folgendes beachten, da der IE VALUE nicht mit sendet:

http://www.php-faq.de/q/q-formular-image.html

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.07.2006, 10:44
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Hallo netspy, danke für deine Antwort.
Die Lösung mit dem Array welches mir die Pixel des Klicks liefert hatte ich gerade auch gefunden.
Code:
<form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
<input type="image" id="abgesendet" name="abgesendet[]" src="images/verlauf_complete.jpg" />
<?php 
 $abgesendet = $_REQUEST['abgesendet'];
 echo "<p>x-Achse: " .$abgesendet[0]."</p>";
 echo "<p>y-Achse: " .$abgesendet[1]."</p>"; 
?>
</form>
Aber sonderlich barrierefrei ist das nicht gerade Was mach ich wenn zum Beispiel Bilder deaktiviert sind? Oder für Screenreader?

Wie würde das mit einer Image-Map funktionieren?

Freundliche Grüsse,
Lloyd
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
  #4 (permalink)  
Alt 20.07.2006, 10:53
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Lloyd Larkin
Aber sonderlich barrierefrei ist das nicht gerade Was mach ich wenn zum Beispiel Bilder deaktiviert sind? Oder für Screenreader?

Wie würde das mit einer Image-Map funktionieren?
Das Element AREA hat genau wie IMG ein ALT- und TITLE-Attribut. Wenn die sinnvoll gesetzt sind, sollte sich das Formular auch ohne Bilder und in Screenreadern bedienen lassen.

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
  #5 (permalink)  
Alt 20.07.2006, 11:09
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Aber wie schicke ich die Auswahl dann an PHP weiter? Konnte dazu nirgendwo etwas finden.
Wenn es kein <input> brauchen würde, wäre es ja auch über die von mir im Einstiegspost gezeigte Liste möglich.
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
  #6 (permalink)  
Alt 20.07.2006, 11:28
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Lloyd Larkin
Aber wie schicke ich die Auswahl dann an PHP weiter?
Na über dein Formular, in welches du die Image-Map packst.

Zitat:
Zitat von Lloyd Larkin
Wenn es kein <input> brauchen würde, wäre es ja auch über die von mir im Einstiegspost gezeigte Liste möglich.
Ja, dann aber nur als Link und GET.

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
  #7 (permalink)  
Alt 20.07.2006, 11:41
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von netspy
Na über dein Formular, in welches du die Image-Map packst.
Für das ich keinen Submit Button brauche?

Zitat:
Zitat von netspy
Ja, dann aber nur als Link und GET.
Wahrscheinlich werde ich bei meiner oben erwähnten Liste bleiben und die Werte über GET weiterverarbeiten.

Danke für die Antworten
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
  #8 (permalink)  
Alt 20.07.2006, 12:25
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Lloyd Larkin
Für das ich keinen Submit Button brauche?
Nein, den brauchst du natürlich nicht. Genau für solche Sachen ist ja eine Image-Map auch gedacht.

Zitat:
Zitat von Lloyd Larkin
Wahrscheinlich werde ich bei meiner oben erwähnten Liste bleiben und die Werte über GET weiterverarbeiten.
Ungünstig und leichter manipulierbar aber wenn du denkst...

Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
  #9 (permalink)  
Alt 20.07.2006, 14:10
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von netspy
Nein, den brauchst du natürlich nicht. Genau für solche Sachen ist ja eine Image-Map auch gedacht.
Okay, nehmen wir folgendes Image-Map. Habe sowas noch nie verwendet...
Code:
<div>
  <map name="Abstimmen">
    <area shape="rect" coords="0,0,120,36" href="#stop" alt="STOP">
    <area shape="rect" coords="120,0,240,36" href="#slow" alt="SLOW">
    <area shape="rect" coords="240,0,398,36" href="#go" alt="GO">
  </map>
</div>
<p><img src="http://xhtmlforum.de/images/verlauf_complete.jpg" width="398" height="36" alt="Votebalken" usemap="#Abstimmen"></p>
Wie (über welche Variablen, brauch ich <form> rundum, wenn ja wo, wie wirds überliefert?) kann ich die Koordinaten mit PHP weiterverarbeiten?
Wir reden bei Image-Maps aber nicht von der Übergabe in der URL, oder? Da:
Zitat:
Zitat von netspy
Ungünstig und leichter manipulierbar aber wenn du denkst...
Was natürlich ein gutes Argument ist!

Thanks
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.07.2006, 14:47
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.953
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Sorry, irgendwie hat mir heute wohl die Hitze etwas zu sehr zugesetzt. Die Image-Map über AREA ist natürlich nicht der richtige Weg, um das mit einem Formular per POST zu übertragen. Dazu ist der anfangs von mir noch genannte Weg über <input type="image"...> da. Das würde dann so aussehen:
PHP-Code:
<form method="post" action="<? print($_SERVER['PHP_SELF']); ?>">
    <input type="image" src="verlauf_complete.jpg" name="verlauf" />
</form>

<p>
<?php

  
if (isset($_POST['verlauf_x'])) {

    if (
$_POST['verlauf_x'] < 120) {
      print(
'STOP');
    } elseif (
$_POST['verlauf_x'] < 240) {
      print(
'SLOW');
    } else {
      print(
'GO');
    }

  }

?>
</p>
Mario
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
PHP und URL Manipulation laborix Serveradministration und serverseitige Scripte 21 15.12.2014 21:52
Per PHP html inhalt austauschen PHP-Freak Serveradministration und serverseitige Scripte 18 25.04.2012 23:59
Einfacher Weg wenige tabellarische Daten per php zu speichern/ändern LichtAnd Serveradministration und serverseitige Scripte 21 06.02.2010 09:55
Zeitstempel per php in My-Sql-Datenbank einspeichern Praktikant Serveradministration und serverseitige Scripte 8 06.06.2008 21:20
Html Mail per PHP Mailer versenden nightstalker Serveradministration und serverseitige Scripte 6 18.05.2008 21:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:37 Uhr.