Wie kann folgendes realisiert werden?

Guten Tag liebes html.de Forum.

Ich bin Anfänger in Sachen HTML/CSS etc. und habe bisher lediglich jeweils ein Tutorial zu html und css durchgenommen.

Ich möchte gerne auf einer Website folgendes realisieren:

Es wird eine Landkarte abgebildet und auf dieser Landkarte „stecke“ ich Fahnen herein, die einen Ort kennzeichnen.
Nun soll der Besucher der Website wenn er mit dem Cursor über das Fähnchen zeigt Informationen angezeigt bekommen, es soll sich also keine neue Seite aufbauen.

Wie und womit kann so etwas gemacht werden?

mfg yazoyazo

Je nachdem, wie du die Informationen anzeigen lassen willst, reicht entweder die CSS Psoido-Klasse :hover oder du brauchst Javascript.
Ein Paar Informationen mehr, dorüber wo und wie du den Text anzeigen lassen willst, wären nicht schlecht.

schon mal vielen Dank für die Antwort.

Also es soll eben ein Kasten aufploppen sobald man mit dem Cursor über die Fahne geht.
Den Hover Befehl habe ich mir eben schon angeguckt und das würde natürlich eigentlich schon reichen.

Ich werde das jetzt mal testen und wenn Fragen sind wieder hier herein posten.

mfg yazoyazo

Das ist eine Vorgehensweise, mit der du dich hier wahrlich beliebt machst :smiley:

Soooo,
Ich habe das jetzt mit dem Hover Effekt und den Fahnen hingekriegt, nur habe ich jetzt eine weitere Frage.
Und zwar:
Nehmen wir an ich hätte 1000 Fahnen auf einer Karte und jede Fahne zeigt auf einen Ort.
Nun möchte ich über meine karte eine Funktion einbauen mit der ich die Fahnen filtern kann, also der Besucher der Seite kann dort gewisse Parameter einstellen wie z.B. Bundesland und dann werden nur die Fahnen angezeigt die in dem Bundesland sind.
Wie kann so etwas umgesetzt werden?
Man müsste dann ja irgendwie jeder Fahne iwelche Eigenschaften zuordnen sodass dann gefiltert werden kann.

Ich hoffe ihr versteht mein Anliegen und bedanke mich schon einmal für die Hilfe.

Mit PHP zum Beispiel.
Die Filterung könnte man über ein Formular machen.
Ein Drop-Down z.B. in dem die Bundesländer aufgeführt sind.
Der PHP Code sähe dann in etwa so aus.
[PHP]if($_POST[‚bundesland‘] == „NRW“){
echo ‚Fähnchen in NRW kommt hier‘;
}[/PHP]

Über PHP, das werde ich dann mal versuchen.
Habe aber noch eine Frage: Ich muss ja jeder Fahne noch gewisse Parameter zuordnen, wie sollte ich das am besten machen?

Ich formuliere meine Frage nochmal neu :smiley:

Wie kriege ich es hin, dass ich mit php Filter setze, sodass nur ein paar der im Moment auf der Website angezeigten Bilder angezeigt werden, dass der Rest also „Unsichtbar“ wird.
Also Formulare machen für die Parameter kriege ich wohl hin, die würde ich dann mit einem Bestätigungs-Feld an meine php Datei senden und diese soll dafür sorgen, dass nur die Bilder auf meiner Website angezeigt werden die den Filterkreterien entsprechen.

So ich hoffe ihr habt mich verstanden

beste Grüße

Wenn du die Werte für deine Fähnchen in eine Datenbank (bsw. MySQL) schreibst, lassen diese sich mit PHP nach Filterkriterien auslesen.

Es muss nicht zwingend eine DB sein, auch wenn die wahrscheinlich die beste Wahl wäre.

Es geht prinzipiell in der Anwendung erst mal nur darum, eine Datenstruktur zur Ablage einer Fahne/eines Bilds zu schaffen. Ob diese Datenstruktur dann direkt im Code gefüllt wird oder mit den Datensätzen einer Datenbank oder zeilenweise aus einer Textdatei, ist egal.

[php]<?php

/**
*
*/
function loadDataCsv($file)
{
if (($handle = fopen($file, ‚r‘)) === false) {
throw new Exception(‚Datei konnte nicht geöffnet werden‘);
}

$flags = array();


while (($data = fgetcsv($handle, 0, ',')) !== false) {
    $flags[] = array(
        'name' => $data[0],
        'plz'  => (int) $data[1]
    );
}

fclose($handle);

return $flags;

}

/**
*
*/
function printFlags(array $flags)
{
foreach ($flags as $flag) {
printf(„Name: %s Postleitzahl: %d\n“, $flag[‚name‘], $flag[‚plz‘]);
}
}

/**
*
*/
function filterFlags(array $flags, array $criteria)
{
$filteredFlags = array();

foreach ($flags as $flag) {
    foreach ($criteria as $key => $value) {
        if ($flag[$key] !== $value) {
            continue 2;
        }
    }

    $filteredFlags[] = $flag;
}

return $filteredFlags;

}

$flags = loadDataCsv(‚flags.csv‘);

echo ‚Folgende Fahnen wurden eingelesen:‘, „\n\n“;

printFlags($flags);

echo „\n“;

echo ‚Nur die mit PLZ=12345 ausgeben:‘, „\n\n“;

$criteria = array(‚plz‘ => 12345);
$filteredFlags = filterFlags($flags, $criteria);
printFlags($filteredFlags);

echo „\n“;

echo ‚Nur die mit Name=„Fahne drei“ und PLZ=54321 ausgeben:‘, „\n\n“;

$criteria = array(
‚name‘ => ‚Fahne drei‘,
‚plz‘ => 54321
);
$filteredFlags = filterFlags($flags, $criteria);
printFlags($filteredFlags);

echo „\n“;

/* Beispielinhalt von flags.csv:

Fahne eins,12345
Fahne zwei,12345
Fahne drei,54321
Fahne vier,54321

*/

/* Ausgabe:

Folgende Fahnen wurden eingelesen:

Name: Fahne eins Postleitzahl: 12345
Name: Fahne zwei Postleitzahl: 12345
Name: Fahne drei Postleitzahl: 54321
Name: Fahne vier Postleitzahl: 54321

Nur die mit PLZ=12345 ausgeben:

Name: Fahne eins Postleitzahl: 12345
Name: Fahne zwei Postleitzahl: 12345

Nur die mit Name=„Fahne drei“ und PLZ=54321 ausgeben:

Name: Fahne drei Postleitzahl: 54321

*/[/php]

So würd eich das versuchen umzusetzen.
Mysql-Datenbank hab ich mich mit auseinander gesetzt.
Das sollte funktionieren.
Nur haperts im Moment an dem Filter.
Gibt es iwo im Internet ein Beispiel für solche Filter die über php und mysql laufen?
Wäre echt super!

Du meinst WHERE-Bedingungen?

Ich hab mir das kurz mit den WHERE-Bedingugen durchgelesen und das scheint ja damit zu funktionieren.
Wie kann ich denn Where Bedingugen in ein Formular(also meine Filter) integrieren?
Kann da jemand mal ein Beispiel posten oder so etwas?

Wo liegt denn konkret dein Problem?

Du lässt den Nutzer Kriterien angeben und packst diese in den WHERE-Teil der Query.

Ich denke dass Projekt ist zu anspruchsvoll für dich. Du solltest dich in die Materie einlesen, insbesondere HTML Formularerstellung, GET- und POST-Methoden. In PHP die Grundlagen und insbesondere über Post und Get sowie Datenbankanbindung und Sicherheit.

Tipp:
PHP: Formulare verarbeiten - Manual

Jo, da hast du wohl recht.
Aber trotzdem vielen Dank und ich werde mich dann da jertzt intensiver einfuchsen ;D

Hallo ich bins wieder ;D
Jetzt geht es um ein Formular das ich erstellt habe mit select-Feldern.
DIe Ausgabe will einfach nicht angezeigt werden.
Hier die Codes:

<!DOCTYPE html>
<html>

<head>
    <title>Titel</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="style.css" type="text/css" rel="stylesheet">
</head>

<body> 
<form action="filterausgabe.php" method="post">
<select name="selectbundesland">
<option value="1">Alle Bundesländer</option>
<option value="2">Schleswig-Holstein</option>
<option value="3">Bayern</option>
<option value="4">Mecklenburg-Vorpommern</option>
<option value="5">Thüringen</option>
<option value="6">Hamburg</option>
<option value="7">Berlin</option>
<option value="8">Baden-Württemberg</option>
<option value="9">Saarland</option>
<option value="10">Rheinland-Pfalz</option>
<option value="11">Hessen</option>
<option value="12">Nordrhein-Westfalen</option>
<option value="13">Thüringen</option>
<option value="14">Sachsen</option>
<option value="15">Bremen</option>
<option value="16">Niedersachsen</option>
<option value="17">Brandenburg</option>
</select>
<input type="submit" name="button1" value="Absenden">
</form>



</body>
</html>

und die filterausgabe.php

<?php
echo $ _POST['selectbundesland'];
?>

Ich denk mal da ist einfach ein Anfängerfehler drin, wäre nett wenn mir da einer kurz helfen könnte.

mfg yazoyazo

[FONT=Courier New][/FONT] hat keinen [FONT=Courier New]value=„“ [/FONT]
Der Wert steht zwishen den Tags
[HTML]Wert[/HTML]

Jetzt habe ich es so:

<!DOCTYPE html>
<html>

<head>
    <title>Titel</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>
<form action="filterausgabe.php" method="post">
<select name="selectbundesland">
<option>Alle Bundesländer</option>
<option>Schleswig-Holstein</option>
<option>Bayern</option>
<option>Mecklenburg-Vorpommern</option>
<option>Thüringen</option>
<option>Hamburg</option>
<option>Berlin</option>
<option>Baden-Württemberg</option>
<option>Saarland</option>
<option>Rheinland-Pfalz</option>
<option>Hessen</option>
<option>Nordrhein-Westfalen</option>
<option>Thüringen</option>
<option>Sachsen</option>
<option>Bremen</option>
<option>Niedersachsen</option>
<option>Brandenburg</option>
</select>
<input type="submit" name="button1" value="Absenden" />
</form>



</body>
</html>

und die ausgabe-Datei:

<?php
echo $_POST['selectbundesland'];
?>

Es wird mir aber meine Auswahl nicht dargstellt im Browser :confused:

Die Abfrage funktioniert doch.
[PHP]<?php if ($_POST) { echo $_POST['selectbundesland']; } ?>[/PHP]

Wenn man für value anstatt Zahlen die Namen der Bundesländer eingibt, dann werden diese auch ausgelesen.