tabellen austauschen

M

miorio

Grünschnabel
Hi, hoffe ich mach jetzt hier nichts falsches aber ich brauch unbedingt hilfe,
undzwar, beim onclick eines bildes soll eine tabelle ausgetauscht werden,
hab mir auch schon das tutorial zum layer inhalt austausch angeschaut, aber da ich mich noch nicht mit dhtml bekannt gemacht habe, sagen mir die ganzen codes nicht viel,
brauche echt dringend hilfe und wäre echt nett wenn mir wer weiterhelfen kann
bitte nicht böse sein, aber imoment habe ich einfach nicht die zeit mich da einzuarbeiten...
danke schonmal im vorraus mio =)
 
Hi,

ein wenig Zeit wirst du dir schon nehmen müssen, um ....
  1. mehr Details bekanntzugeben, bspw. woher die Tabelle kommt, mit der die vorhandene ersetzt werden soll
  2. der Netiquette gerecht zu werden:
    Unser Forum ist kein Chatroom. Kurz-Beiträge ("Ein-Zeilen Postings"), die einfach so ins Forum "geklatscht" werden, werden ohne Vorwarnung von einem Moderator oder Administrator gelöscht. Das gleiche gilt insbesondere für Beiträge, die in Rechtschreibung, Satzbau und Verständlichkeit nicht ein vernünftiges, allgemein übliches und altersgruppen-übergreifendes Niveau erfüllen. Jugendsprache, regional verbreitete Dialekte und durchgehend kleingeschriebene Beiträge sind ebenfalls unerwünscht. Mit anderen Worten: wer erfolgreich die im Deutsch-Unterricht erlernten Kenntnisse praxisnah auf unserem Forum anwenden kann, wird nicht mit dieser Regel in Konflikt kommen. "Wiederholungstäter" werden, nachdem sie zuvor von einem Moderator auf die Mängel hingewiesen wurden, ggf. unbefristet gesperrt.
    Zum Vergrößern anklicken....

Falls du erwartest, dass dir jemand eine fertige Lösung liefert, steht es dir auch offen, das Jobforum zu nutzen, denn Motto von tutorials.de ist "User helfen Usern" und nicht "User machen die Arbeit für User, welche keine Zeit dafür haben".
 
Sry, jetzt wurd ich echt falsch verstanden,
bin nur ein laie und hab deswegen nich viel ahnung,
also ich benutze dreamweaver, und da kann man ja die tabellen zu ebenen (layern) convertieren, dies kann man sichtbar und unsichtbar schalten, wenn man sie unsichtbar schalten sind sie ja praktisch qweg bzw. nicht zu sehen,
und als bespiel: hab eine zeile in der fünf tabellen untereinander sind, in der ersten sind 4bilder und darunter ist noch eine der tabellen sichtbar(1) und wenn man aufs erste klickt, soll die 1tabelle ausgeblendet werden und die zweite (bzw. die tabelle angezeigt werden die zum jeweiligen button gehört). Die tabelle soll aber sichtbar sein bis man den nächsten button anklickt.

und so war das echt nicht gemeint mit: "User machen die Arbeit für User, welche keine Zeit dafür haben",
ich hab nur keine ahnung wie der link aussehen muss um die tabellen ein-auszublenden.
hoffe ihr habt mich jetzt nicht irgendwie missverstanden
 
Hier mal ein kleines Beispiel:
Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function toggleTbl(n)
{
  tbls=document.getElementById('tabellen').getElementsByTagName('TABLE');
  for(t=0;t<tbls.length;++t)tbls[t].className=(t==n-1)?'da':'';
}
//-->
</script>
<style type="text/css">
<!--
#tabellen table{display:none}
.da{display:block !important;}
-->
</style>
</head>
<body>
<table border="1">
  <tr>
    <td>
      <img onclick="toggleTbl(1)" src="http://www.tutorials.de/forum/avatars/sven%2Bmintel.gif?dateline=1175592769">
      <img onclick="toggleTbl(2)" src="http://www.tutorials.de/forum/avatars/sven%2Bmintel.gif?dateline=1175592769">
    </td>
  </tr>
  <tr>
    <td>
      <img onclick="toggleTbl(3)" src="http://www.tutorials.de/forum/avatars/sven%2Bmintel.gif?dateline=1175592769">
      <img onclick="toggleTbl(4)" src="http://www.tutorials.de/forum/avatars/sven%2Bmintel.gif?dateline=1175592769">
    </td>
  </tr>
</table>
<div id="tabellen">
  <table class="da"><tr><td>Tabelle1</td></tr></table>
  <table><tr><td>Tabelle2</td></tr></table>
  <table><tr><td>Tabelle3</td></tr></table>
  <table><tr><td>Tabelle4</td></tr></table>
</div>
</body>
</html>

Die 4 Tabellen befinden sich in einem <div>(tabellen), damit man einfacher auf sie zugreifen kann...alle Tabellen bis auf die erste werden per CSS versteckt.

Die Funktion toggleTbl() übernimmt den Wechsel....übergeben wird ihr als Parameter schlicht die Position der anzuzeigenden Tabelle.
Das Skript durchläuft dann alle Tabellen in dem div#tabellen und ändert ihre display-Eigenschaft.

P.S.: es wäre trotzdem schön, wenn du ein wenig auf Gross/Kleinschreibung in deinen Beiträgen achtest, dies ist keine Marotte von mir, sondern Bestandteil der Nutzungsregeln von tutorials.de, und wie ich finde ein sinnvoller Bestandteil :)
 
Vielen vielen Dank!
:):):):):):):):) css ist echt genial, wenn ich wieder Zeit hab werd ich mich sofort ran setzen und anfangen zu lernen.
Wo ich gerade dabei bin hier zu posten kannst du mir ein Buch bzw. eine Tutorials Reihe empfelen?

Vielen Dank nochmal! Gruß mio

PS: Das mit der groß und klein-Schreibung werd ich beachten ;) tut mir echt leid das ich hier direkt so ziemlich alles Falsch gemacht habe, was man nur falsch machen kann.
 
Nichts zu Danken,
...ich hab zu Danken für deine Einsicht zwecks SHIFT-Taste :)

Was Bücher anbelangt, kann ich dir nichts empfehlen, weil ich dazu noch keine Bücher gekauft habe.

Warum: Ein Buch vom letzten Jahr ist heute überholt, die Entwicklung der ganzen Technik ist grösstenteils abhängig von der Entwicklung der Browser. Am Besten schaust du bei http://de.selfhtml.org/ herein, da steht eigentlich alles drin, was man in Sachen HTML/CSS/JS an Basiswissen benötigt, und das sogar halbwegs aktuell :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück