durch klicken soll der Text die Farbe ändern.

anuyuna

Hallo,

ich bin absolute php anfängerin und habe eine aufgabe:

eine tabelle: links steht blau, grün, gelb, rot und in der rechten Spalte steht ein Text.
Wenn ich links auf eine der Farben klicke soll der Text rechts in die entsprechende Farbe wechseln.

Wer kann mir helfen????

Liebe Grüsse und einen guten rutsch!

Bandit

HTML

<html>
<head>
<title>Farbe</title>
<style type="text/css">
#span { color:000000; }
</style>
<script type="text/javascript">
function farbe (color) {
  document.getElementById("span").style.color = color;
}
</script>
</head>
<body>
<div style="float:left">
<p onclick="farbe('#ff0000');">Rot</p>
<p onclick="farbe('#00ff00');">Gruen</p>
<p onclick="farbe('#0000ff');">Blau</p>
</div>
<div>
<span id="span">Ein Text</span>
</div>
</body>
</html>

Alles anzeigen

anuyuna

Hallo,

danke Für die Antwort, aber leider müssen wir das mit php machen und nich mit javascript.

kann mich auch da jemand helfen???

Liebe Grüsse

synaptic

machste nen formular, schiebst den farbwert mit post oder get weiter (kannst auch ne variable für den farbwert nehmen)
dann machste die auswertung des parameters und übergibst nen style...
das ganze würd auch prima in einer funktion gehen, dann kannste die funktion wie ne variable nutzen

ich hab fast keine ahnung von php, aber des is doch mal wirklich einfach.

anuyuna

Hmmm,

für mich is das nicht soo einfach.

Ich versteh es leider nicht so richtig...

Eoin Code würde mir da schon weiterhelfen

Dr. Gore

Zitat von synaptic

ich hab fast keine ahnung von php, aber des is doch mal wirklich einfach.

Du alter Proll !

Bandit

Bevor ich jetzt hier überhaupt helfe, will ich die Randbedingungen kennen. Dass es nicht mit JavaScript gehen soll, hätte man auch mal vorher schreiben können!!!

1. Sollen Links zur Umschaltung genommen werden?
2. Soll ein Formular zur Umschaltung genommen werden?

Und noch zwei weitere Fragen:

1. Was hast du bisher versucht?
2. Warum lernst du nicht PHP, denn dieses Problem lässt sich mit ein paar Grundlagen auch von einem Anfänger lösen?

anuyuna

Also,

wir haben html und php an der uni an zwei nachmittagen mal durchgezogen, da kann für absolute Anfänger nich viel hängen bleiben...

War wir im Kurs gesehen hatten is IF...ELSE und auch ein Formular,

also so wie es am einfachsten zu machen is, ich denk IF... oder?

Liebe Grüsse

Bandit

Wenn mich nicht alles täuscht, habe ich dir 4 Fragen gestellt und wenn ich das richtig sehe, hast du genau 0 davon beantwortet. Gratulation.

anuyuna

Wie soll ich denn hier noch Rede und Antwort stehen?

1. Ja

2. Nein

1. Ich habe etwas mit If und Else versucht,aber ich bekomm das nich hin:

HTML

<html>
<head>
<title>Le jeu des couleurs</title>
</head>
<body>


<?php
    <table width="386" height="171" border="1" align="center">
  <tr>
    <td height="43" colspan="2"><div align="center"><strong>Le jeu des couleurs</strong></div></td>
  </tr>
  <tr>
    <td width="64"><a href="index.php?couleur000ff">bleu</a>
      <p>&nbsp;</p>
      <p>vert</p>
      <p>&nbsp;</p>
      <p>jaune</p>
      <p>&nbsp;</p>
    <p>rouge</p></td>
    <td width="264"bgcolor="#',$_GET['couleur']><p align="center"><strong><u>Le miroir</u></strong></p>
      <p align="center">Dans un miroir</p>
      <p align="center">Est né un oiseau</p>
      <p align="center">Un oiseau tout bleu</p>
      <p align="center">Avec des plumes vertes.</p>
      <p align="center">Un oiseau tout jaune</p>
      <p align="center">Avec des plumes rouges.</p>
      <p align="center">Un oiseau tout violet</p>
    <p align="center">Avec des plumes oranges.</p>
    <p align="center">Cet oiseau est né </p>
    <p align="center">Dans le miroir d'une mare</p>
    <p align="center">Où l'arc en ciel prenait son bain.</p>
    <p align="right"><em> Michel Cordeobeufs </em></p></td>
  </tr>
</table>
</body>
</html>


</html>

Alles anzeigen

2. Da der Kram bis Montag fertig sein soll und ich bisher nichts gefunden habe wo mir genau das schnell genug erklärt wird...

So, ausreichend beantwortet?

Bandit

Mit Links:

PHP

<?php
  $color = (isset($_GET['color'])) ? $_GET['color'] : 'black';

  switch ($color)
  {
     case 'red'  : $color = '#ff0000'; break;
     case 'blue' : $color = '#0000ff'; break;
     case 'green': $color = '#00ff00'; break;
     case 'black': $color = '#000000'; break;
     default     : $color = '#000000'; break;
  }
?>
<html>
<head>
<title>Farbe</title>
<style type="text/css">
<!--
 a:link, a:visited, a:active
      {
        font-family : Verdana, Arial, Times ,serif;
        font-size : 12px;
        color : <?php echo $color; ?>;
        text-decoration : none;
        font-weight : bold;
    }
    a:hover
      {
        font-family : Verdana, Arial, Times ,serif;
        font-size : 12px;
        color : <?php echo $color; ?>;
        text-decoration : underline;
        font-weight : bold;
    }
-->
</style>
</head>
<body>
<div style="float:left">
<p><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=red'>Rot</a></p>
<p><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=blue'>Blau</a></p>
<p><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=green'>Grün</a></p>
<p><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=black'>Schwarz</a></p>
</div>
<div>
<span style="padding-left:30px; color:<?php echo $color; ?>">Ein Text</span>
</div>
</body>
</html>

Alles anzeigen

Mit einem Formular:

PHP

<?php
  $color = (isset($_POST['color'])) ? $_POST['color'] : 'black';

  switch ($color)
  {
     case 'red'  : $color = '#ff0000'; break;
     case 'blue' : $color = '#0000ff'; break;
     case 'green': $color = '#00ff00'; break;
     case 'black': $color = '#000000'; break;
     default     : $color = '#000000'; break;
  }
?>
<html>
<head>
<title>Farbe</title>
</head>
<body>
<div style="float:left">
<form action='<?php echo $_SERVER['SCRIPT_NAME']; ?>' method='post'>
<select name='color'>
<option style='color:#ff0000' value='red'   <?php echo ($color=='#ff0000') ? 'selected=selected' : ''; ?>>Rot</option> 
<option style='color:#0000ff' value='blue'  <?php echo ($color=='#0000ff') ? 'selected=selected' : ''; ?>>Blau</option> 
<option style='color:#00ff00' value='green' <?php echo ($color=='#00ff00') ? 'selected=selected' : ''; ?>>Grün</option> 
<option style='color:#000000' value='black' <?php echo ($color=='#000000') ? 'selected=selected' : ''; ?>>Schwarz</option> 
</select><br>
<input type='submit' name='submit' value='Los'>
</form>
</div>
<div>
<span style="padding-left:30px; color:<?php echo $color; ?>">Ein Text</span>
</div>
</body>
</html>

Alles anzeigen

Dein Pauker wird dir kaum glauben, dass du das selber gemacht hast.

synaptic

also die zweite variante war des was mir vorschwebte,.... vielleicht nich ganz so professionell wie bandit machte, aber so hatte ich mir des vorgestellt.
und nee gore, das hat mit proll nix zu tun... oder ich weiß wirklich schon mehr, als ich dachte

anuyuna

Hallo,

vielen Dank für den Code.
Ich habe es mal in meinen eingebaut und das kommt raus.

PHP

<?php
  $color = (isset($_GET['color'])) ? $_GET['color'] : 'black';
 
  switch ($color)
  {
     case 'blue' : $color = '#330099'; break;
     case 'green': $color = '#006633'; break;
     case 'yellow': $color = '#FFCC00'; break;
     case 'red'  : $color = '#CC0000'; break;
     default     : $color = '#000000'; break;
  }
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jeu des couleurs</title>
<style type="text/css">
<!--
.style1 {color: <?php echo $color; ?>;}
.style3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;

}
-->
</style>
</head>


<body>
<table width="386" height="171" border="1" align="center">
  <tr>
    <td height="43" colspan="2"><div align="center" class="style3">Le jeu des couleurs</div></td>
  </tr>
  <tr>
    <td width="64"><p align="center"><span class="style3"><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=blue'>Bleu</a></span></p>
      <p align="center" class="style3">&nbsp;</p>
      <p align="center" class="style3"><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=green'>Vert</a></p>
      <p align="center" class="style3">&nbsp;</p>
      <p align="center" class="style3"><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=yellow'>Jaune</a></p>
      <p align="center" class="style3">&nbsp;</p>
    <p align="center"><span class="style3"><a href='<?php echo $_SERVER['SCRIPT_NAME']; ?>?color=red'>Rouge</a></span></p></td>
    <td width="264" color:<?php echo $color; ?>"><p align="center" class="style1"><strong><u>Le miroir</u></strong></p>
      <p align="center" class="style1">Dans un miroir</p>
      <p align="center" class="style1">Est né un oiseau</p>
      <p align="center" class="style1">Un oiseau tout bleu</p>
      <p align="center" class="style1">Avec des plumes vertes.</p>
      <p align="center" class="style1">Un oiseau tout jaune</p>
      <p align="center" class="style1">Avec des plumes rouges.</p>
      <p align="center" class="style1">Un oiseau tout violet</p>
    <p align="center" class="style1">Avec des plumes oranges.</p>
    <p align="center" class="style1">Cet oiseau est né </p>
    <p align="center" class="style1">Dans le miroir d'une mare</p>
    <p align="center" class="style1">Où l'arc en ciel prenait son bain.</p>
    <p align="right"><em> Michel Cordeobeufs </em></p></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Jetzt versuch ich mir den Kram mal zu erklären, dass ich irgendwie glaubhaft machen kann, dass ich das gemacht habe

Danke nochmal.

Bandit

Den HTML-Code könnte man bestimmt auch noch verbessern.

Tags