✔ Button --> Optik Ändern (soll aussehen wie ein Link)

LxLehrling · 28. März 2009

Tag zusammen,

ich möchte in einer Tabelle Sotieren können, dazu soll einfach auf die Bezeichnung der Spalte geklickt werden, wie z.B "NAME" und es soll dann dementsprechend sotiert werden.

Mein Problem ist jedoch, das ich nicht als Bezeichnung einen Button haben will um es ausführen zu können, am besten sollte man den Button so umdesignen können, sodass es wie ein Link aussieht.

Oder gibt es eine Alternative?

Ich wollte zuerst mit einem Link arbeiten, jedoch wusste ich nicht ob dieses ohne weiteres möglich ist, da man damit eigentlich neue Seiten aufruft!

Danke schonmal im voraus!

Lg

LxLehrling!

Parantatatam · 28. März 2009

Es gebe da ein paar Möglichkeiten. Interessant wäre für mich allerdings, wie du die Tabelle sortierst. Benutzt du dazu JavaScript oder PHP? Falls du PHP nutzt könntest du per GET-Methode einen Parameter order und einen Parameter col in der URL angeben und darüber die Tabelle anordnen.

URL-Beispiel:

Code:

tabelle.php?col=name&order=asc

Per JavaScript gibt es meines Wissens nach eine Möglichkeit per onclick Formulare abzuschicken.

Maik · 28. März 2009

LxLehrling hat gesagt.:
Ich wollte zuerst mit einem Link arbeiten, jedoch wusste ich nicht ob dieses ohne weiteres möglich ist, da man damit eigentlich neue Seiten aufruft!

Mit einem Link und dem onclick-Event lassen sich auch Script-Funktionen aufrufen, um z.B. ein Formular mittels submit() zu versenden.

mfg Maik

LxLehrling · 28. März 2009

Danke für die schnellen Antworten,

jedoch wollte ich eigenltich keine neue php Seite aufrufen, da die Tabelle auf der jeweiligen Seite erzeugt wird.

Das ganze mache ich per PHP.

Der Button ermittelt nur einen Bestimmten Wert!

Deshalb denke ich das dies kein Großer aufwand ist!

Ich will es halt nur optisch nicht wie ein Button haben!

Parantatatam · 28. März 2009

Ja dann wäre für dich wirklich die Möglichkeit mit dem onlick-Event ideal.

LxLehrling · 28. März 2009

Nehmt es mir nicht übel, aber könnte ich vielleicht den code bekommen?

Mit dem oneclick event habe ich bisher nur einmal gearbeitet und das war bei einer Kombobox, habe jedoch im moment keine Vorstellung wie ich das mit dem Link realisieren kann und wie ich dann die entsprechende Funktion aufrufen kann um den jeweiligen Wert zu setzen!

Lg!

Maik · 28. März 2009

LxLehrling hat gesagt.:
Deshalb denke ich das dies kein Großer aufwand ist!

Ich will es halt nur optisch nicht wie ein Button haben!

Der geringste Aufwand wäre hier die Verwendung eines Links.

Ansonsten ist es eine Frage der CSS-Formatierung - im Falle von:

<input type="button">:

CSS:

input[type=button] {
border:none;
background:none;
text-align:left;
}

<input type="submit">:

CSS:

input[type=submit] {
border:none;
background:none;
text-align:left;
}

<button>:

CSS:

button {
border:none;
background:none;
text-align:left;
}

Auf die für Links typische Textunterstreichung müßtest du zumindest im FF und Opera verzichten, denn text-decoration:underline wird hier von ihnen nicht interpretiert

LxLehrling hat gesagt.:
Nehmt es mir nicht übel, aber könnte ich vielleicht den code bekommen?

Mit dem oneclick event habe ich bisher nur einmal gearbeitet und das war bei einer Kombobox, habe jedoch im moment keine Vorstellung wie ich das mit dem Link realisieren kann und wie ich dann die entsprechende Funktion aufrufen kann um den jeweiligen Wert zu setzen!

Lg!

Wie stellt sich denn der Funktionsaufruf zum Sortieren in deinem Code überhaupt im Detail dar?

mfg Maik

LxLehrling · 28. März 2009

Super danke hat geklappt.......
Also mit der Interpretation von FF muss ich dich entäuschen, bei mir wird es Unterstrichen

....

Aber wäre noch super, wenn du mir das mit dem oneclick erklären könntest!

Ich habe dir hier mal ein Stück von meinem Code reingestellt:

PHP:

...
if(isset($_POST['cmdSortName']))
{
     $_SESSION['sortSpieler'] = 1;          // Der entsprechende Wert wird gesetzt
}
....

$sql_spieler =erzeugeSpielerSQL($_SESSION['selMannschaft'],
                                                               $_SESSION['selSaision'],
                                                               $_SASSION['sortSpieler']);

$spieler = makearray($sql_spieler);

Beschreibung:

sobald ich auf den Spaltennamen klicke, wird der Wert gesetzt, daraufhin werden einige Parameter an eine Funktion übergeben.
In dieser Funktion wird dann der entpsrechnede SQL befehl erzeugt und zurück gegeben.
Dann wird ein Array erstellt und im weiteren Teil des Programms ausgegeben!

Lg

LxLehrling

Maik · 28. März 2009

Mich interessiert hier mehr der geparste PHP-Code, also was vom Browser im HTML-Code ausgegeben wird, bzw. wie darin die Sortier-Funktion angestoßen wird.

mfg Maik

LxLehrling · 28. März 2009

Ok, dann bitte...muss aber Raus, kann erst morgen wieder POSTEN!

PHP:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title></title>
<meta name="author" content="Sam">
</head>
<body>
<div id = "header">
<b>Konto</b>
</div>
<div id = "menueleft">
	<div class="menuecontainer">
         	<div class="menuetitel">Menü</div>

              		<a class =menue href="hauptseite.php?action=mannschaften">Mannschaften</a>
                         <a class =menue href="hauptseite.php?action=spiele">Spiele</a>
                         <a class =menue href="hauptseite.php?action=trainer">Trainer</a>
                         <a class =menue href="hauptseite.php?action=login">SuperUser</a>

         </div>

</div>
<div id="inhalt">


<html>
<head>
<link rel="stylesheet" type="text/css" href="mannschaften.css">
<title></title>
<meta name="author" content="Sam">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form method="POST">
<select name='selMannschaft' size='1'> 
         <option value='-1' selected>Auswahl</option><option value='1'>Mini Kicker</option><option value='2'>F-Jugend</option><option value='3'>E-Jugend</option><option value='4'>D-Jugend</option><option value='5'>C-Jugend</option><option value='6'>B-Jugend</option><option value='7'>A-Jugend</option><option value='8'>2. Herren</option><option value='9' selected>1. Herren</option> <br><input type='Submit' name='cmdAnzeigenSaison' value='Anzeigen'><br><br><select name='selSaison' size='1'> 
	                 <option value=-1 selected>Auswahl</option><option value='1' selected>06/07</option><option value='2'>07/08</option> <br><input type='Submit' name='cmdAnzeigenSpieler' value='Anzeigen'><br><br><table border = 1><tr>

                                 	 <td> </td>
	                    		 <td><input id='sortButton' type='Submit' name='cmdSortName' value='Name'></td>
	                     		 <td><input id='sortButton' type='Submit' name='cmdSortVName' value='Vorname'></td>
	                     		 <td>Tel.-Nr.</td>
	                     		 <td>Geb.-Datum</td>
	                     		 <td><input id='sortButton' type='Submit' name='cmdSortPos' value='Position'></td>
                                          <td>Sp.-Berechtigung</td>

	                     		 <td>Kommentar</td>
                                          </tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '10'></td>
	                    		 <td>Küster</td>
	                     		 <td>Dennis</td>
	                     		 <td>017568686868</td>
	                     		 <td>1989-06-06</td>

	                     		 <td>Verteidiger</td>
	                     		 <td>ja</td>
	                     	 	 <td>-</td>
	                  		</tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '7'></td>
	                    		 <td>Karadag</td>
	                     		 <td>Selim</td>

	                     		 <td>012312498724</td>
	                     		 <td>1989-09-02</td>
	                     		 <td>Stürmer</td>
	                     		 <td>ja</td>
	                     	 	 <td>-</td>
	                  		</tr><tr>

	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '16'></td>
	                    		 <td>Karadag</td>
	                     		 <td>Selim</td>
	                     		 <td>0123123</td>
	                     		 <td>1989-01-02</td>
	                     		 <td>Stürmer</td>

	                     		 <td>ja</td>
	                     	 	 <td>-</td>
	                  		</tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '9'></td>
	                    		 <td>Karabacak</td>
	                     		 <td>Okan</td>
	                     		 <td>017568686868</td>

	                     		 <td>1988-04-09</td>
	                     		 <td>Verteidiger</td>
	                     		 <td>ja</td>
	                     	 	 <td>-</td>
	                  		</tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '8'></td>
	                    		 <td>Hoppe</td>

	                     		 <td>Michael</td>
	                     		 <td>017568686868</td>
	                     		 <td>1989-12-12</td>
	                     		 <td>Verteidiger</td>
	                     		 <td>ja</td>
	                     	 	 <td>-</td>

	                  		</tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '6'></td>
	                    		 <td>Ebbinghaus</td>
	                     		 <td>Marco</td>
	                     		 <td>01983726784</td>
	                     		 <td>1990-01-01</td>
	                     		 <td>Verteidiger</td>

	                     		 <td>ja</td>
	                     	 	 <td>-</td>
	                  		</tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '17'></td>
	                    		 <td>Bodur</td>
	                     		 <td>Volkan</td>
	                     		 <td>0213123</td>

	                     		 <td>1989-03-03</td>
	                     		 <td>Mittelfeld</td>
	                     		 <td>ja</td>
	                     	 	 <td>-</td>
	                  		</tr><tr>
	                     		 <td><input type='Checkbox' name='chkSpieler[]' value = '18'></td>
	                    		 <td>Avci</td>

	                     		 <td>Onur</td>
	                     		 <td>0123123</td>
	                     		 <td>1989-04-04</td>
	                     		 <td>Torwart</td>
	                     		 <td>ja</td>
	                     	 	 <td>-</td>

	                  		</tr></table><br><table border = '1' >
             		  <tr>
                           	<td><input id='linkbutton' type='Submit' name='cmdBearbeiten' value='Bearbeiten'></td>
                              	<td><input type='Submit' name='cmdLoeschen' value='Löschen'></td>
	                        <th col span = '2' >
	                        <input type='Text' name='txtAnzahl' size='1' value = '1' maxlength='2'>
	                        <input type='Submit' name='cmdHinzufuegen' value='Hinzufügen'>
	                  	</th>
                 	  </tr>

             		 </table></form>
</body>
</html>
</div>


</body>
</html>

Lg

LxLehrling!

✔ Button --> Optik Ändern (soll aussehen wie ein Link)

LxLehrling

Grünschnabel

Parantatatam

mag Cookies & Kekse

Maik

LxLehrling

Grünschnabel

Parantatatam

mag Cookies & Kekse

LxLehrling

Grünschnabel

Maik

LxLehrling

Grünschnabel

Maik

LxLehrling

Grünschnabel

Neue Beiträge