Olika text utan att ladda hela sidan

Hej,

Jag har tre kolumner i en tabell. I den högra skall jag ha ett antal länkar under varandra, som var och en skall visa olika lite större textavsnitt i den vänstra kolumnen.

Jag vill alltså att endast texten skall bytas ut i den vänstra kolumnen - inte byta ut hela sidan.

Någon som har tid att visa hur jag gör detta?

<table style="border:solid black 1px;">
<tr><td id="here" style="width:300px;"></td>
<td style="vertical-align:top;">
	<a href="#" onClick="document.getElementById('here').innerHTML='En lång<br>lång<br>text...'; return false;">En länk.</a><br/>
	<a href="#" onClick="document.getElementById('here').innerHTML='Lite annan<br>text...'; return false;">En annan länk.</a><br/>
</td></tr>
</table>

Givetvis kan du ha längre texter och även spara den i variabler eller arrayer för att få det mer lättöverskådligt.

Tack!

Det ser väldigt nimmt och bra ut!
Kommer att prova det när jag kommer hem ikväll.

Det ser bra ut och framförallt det fungerar bra! :)

Så bra :)

Jag skulle bl. a. vilja ändra storleken på texten i den vänstra
kolumnen. Hur gör jag det?

<table style="border:solid black 1px;">
<tr><td id="here" style="width:300px; font-size: 10px;"></td>
<td style="vertical-align:top;">
	<a href="#" onClick="document.getElementById('here').innerHTML='En lång<br>lång<br>text...'; return false;">En länk.</a><br/>
	<a href="#" onClick="document.getElementById('here').innerHTML='Lite annan<br>text...'; return false;">En annan länk.</a><br/>
</td></tr>
</table>

Tack, hyggligt!

Hej!

Nu ser jag att jag behöver ha länkar här och där i texterna liksom någon bild. Hur gör jag enklast då?

Då lägger du bara in HTML-koden för länkarna/bilderna genom innerHTML:

<table style="border:solid black 1px;">
<tr><td id="here" style="width:300px; font-size: 10px;"></td>
<td style="vertical-align:top;">
	<a href="#" onClick="document.getElementById('here').innerHTML='En <a href=\'#\'>länk</a>'; return false;">Visa en länk.</a><br/>
	<a href="#" onClick="document.getElementById('here').innerHTML='<img src=\'img1.png\' />'; return false;">Visa en bild.</a><br/>
</td></tr>
</table>

Då ska jag göra så.

Tack :)

Hej,

Annat kom emellan så först nu försökte jag mig på att göra länkarna, men får det inte att fungera. Är dectaps lösning bara att kopiera och klistra in? Har gjort det, men icke...

dectgap använder ' runt värdena, du måste escape:a dom:

...onClick="document.getElementById('here').innerHTML='En <a href=\'#\'>länk</a>'; return false;"...

Så var det ja. Tack! :)

Hej,

Ytterligare två frågor :)

I/

Vanlig "mailto" fungerar med escape-tecken (fick placera dom ett steg åt höger för att de skulle synas här).

<a href='\mailto:kbking@yahoo.se'\</a>DOMAIN.COM</a>'

För enhetlighetens skull skulle jag nu hellre vilja ha det likadant som på övriga sidor, nämligen använda ett eget mailformulär. Koden som jag har i body ser ut så här:

<a href="http://domain.com/html/email/emailgen.html" onclick="NewWindow(this.href,'email','484','403','no','center');return false" onfocus="this.blur()"><img src="../../../../assets/gifs/mail.gif" width="23" height="23" border="0"></a>

Hur gör jag för att använda denna kod istället?

II/

Eftersom texterna förmodligen kommer att svälla framledes, undrar jag om de går att exv lägga i textfiler (.txt) i stället? Eller på ngt annat smidigt sätt. Exemplifiera gärna!

.js-filer funkar bra;

mystrings.js:

var str=new Object();
str['en sträng']="<a href=\"http://domain.com/html/email/emailgen.html\" onclick=\"NewWindow(this.href,'email','484','403','no','center');return false\" onfocus=\"this.blur()\"><img src=\"../../../../assets/gifs/mail.gif\" width=\"23\" height=\"23\" border=\"0\"></a>";
str['en annan sträng']="...";
str['mer och mer']="...";

Inkluderas till sidan med:

<script type="text/javascript" src="mystrings.js"></script>

Och sedan använder du:

...onClick="document.getElementById('here').innerHTML=str['en sträng']; return false;"...

Mitt i prick!

Det betyder en God fortsättning för mig!

Jag passar på att önska dig Jojoxx och övriga medlemmar detsamma! :)