Shop-Hilfe.com
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 23.08.2007, 14:03   #1
TP-Senior
 
Benutzerbild von g e k k o
 
Registriert seit: May 2003
Ort: berlin bei nacht
g e k k o ist auf einem guten Weg

inhalte in einem div tauschen ohne seitenwechsel?


tachschön

kann ich in einem div die inhalte (bild und bildunterschrift) bei click auf einen button wechseln, ohne dass dabei jedesmal die ganze seite neu geladen wird? bisher hatte ich das als liste angelegt, das ist aber nur provisorisch, bis ich hier hoffentlich zu einer eleganteren lösung komme.

HTML-Code:
<div id="bildbox">
<img src="bild_soft1.jpg" width="185" height="139" alt="" border="0" />
 <div id="thumb">
<ul>
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
<li><a href="5.html">5</a></li>
</ul>
</div><!-- end thumb-->
Rednerverwaltung in Echtzeit - pr&auml;sentationsbereit in Sekunden
</div><!-- end bildbox-->
das css für die buttons rechts sieht bisher so aus:

HTML-Code:
/* -----------------thumbs--------------------- */
#thumb ul
{
	margin-left: 197px;
	margin-top: -142px;
	padding: 0;
	list-style-type: none;
	width: 3px;
}

#thumb li { margin: 0 0 1.0em 0; }

#thumb a
{
	color: #ffffff;
	font-family: "Trebuchet MS", Myriad, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 8px;
	line-height: 3px;
	background-color: #dadada;
	display: block;
	float: left; 
	position: absolute; 
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 6px;
	height: 3px;
	border-style: solid;
	border-width: 3px 3px 3px 3px;
	border-color: #dadada;
}

#thumb a:hover
{
	border-color: #993300;
}
und das für die box, in der die inhalte getauscht werden sollen:

HTML-Code:
/* -----------------bildbox--------------------- */
#bildbox
{
 margin-top: 0px;
 margin-left: 3px;
 margin-bottom: 3px;
 padding: 0.8em 0.8em 0.8em 0.8em;
 border: 1px solid #cacaca;
 width: 220px;
 background-color: white;
}
zur verdeutlichung noch ein screenshot.
vielen dank schon im voraus
gekko
Miniaturansicht angehängter Grafiken
inhalte-div-tauschen-ohne-seitenwechsel-frage_inhaltwechsel.gif  
__________________
-=+ [weniger ist mehr] : : http://www.richterskala.com
g e k k o ist offline   Mit Zitat antworten


Alt 23.08.2007, 19:50   #2
TP-Specialist
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
Bin mir jetzt nicht 100%ig sicher, aber es könnte mit JS gehen. Schaue Dir mal diesen Beitrag oder diesen an.

Grüße
Michael
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 23.08.2007, 19:58   #3
TP-Insider
 
Benutzerbild von IMBild
 
Registriert seit: May 2006
Ort: Benztown
IMBild hilft, wo's gehtIMBild hilft, wo's gehtIMBild hilft, wo's geht
Das ganze geht auch mit CSS ohne lästiges JS
__________________
Gruß
<!-- Josie zurück und IMBild -->
_________
W3C XHTML 1.0 VALIDE
IMBild ist offline   Mit Zitat antworten
Alt 23.08.2007, 20:09   #4
TP-Specialist
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
... das ist doch normalerweise mein Part auf Stu´s Seite zu verlinken!
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 23.08.2007, 20:20   #5
TP-Insider
 
Benutzerbild von IMBild
 
Registriert seit: May 2006
Ort: Benztown
IMBild hilft, wo's gehtIMBild hilft, wo's gehtIMBild hilft, wo's geht
Zitat:
Zitat von Mich@el Beitrag anzeigen
... das ist doch normalerweise mein Part auf Stu´s Seite zu verlinken!
Da siehst ma verlinken reicht eben nicht immer
__________________
Gruß
<!-- Josie zurück und IMBild -->
_________
W3C XHTML 1.0 VALIDE
IMBild ist offline   Mit Zitat antworten
Alt 23.08.2007, 21:08   #6
TP-Senior
 
Benutzerbild von g e k k o
 
Registriert seit: May 2003
Ort: berlin bei nacht
g e k k o ist auf einem guten Weg
wow, der link scheint ja auf's pixel genau das zu sein, was mir vorschwebt

GROSSartig, vielen dank. wird gleich morgen probiert.

beste grüße
gekko
__________________
-=+ [weniger ist mehr] : : http://www.richterskala.com
g e k k o ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
inhalte in einem div tauschen ohne seitenwechsel? inhalte in einem div tauschen ohne seitenwechsel?
« problem mit margin innerhalb des div | [IE-Bug] Inhalt wird zu weit unten angezeigt »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:58 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67