Atsevišķu teksta daļu izvadīšana

[klavsr]

Sveiki!

 

JS man ir tumša bilde. Iedomājos, ka jūs varētu palīdzēt.

 

Lieta tāda:

 

Ir <div></div> , kurā jāparādās kādam nelielam tekstam. Kopā teksta gabalini varētu būt kādi 10. Turpat iekš <div>'a ir linki: 1 - 2 - 3 - ...... 10 uz kuriem nospiežot, augstak parādās teksts.

 

Tātad būtu masīvs ar 10 tekstiņiem, un pēc linka nospiešanas attiecīgajam jāparādās.

 

Vai kāds lūdzu varētu iedot piemēru?

 

 

Paldies.

[indoom]

<script type="text/javascript">
var teksti = ['teksts1','teksts2'];
</script>

<div id="tekstiem"></div>

<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[0]; return false;">1</a>
<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[1]; return false;">2</a>

Edited May 7, 2008 by indoom

[klavsr]

Liels paldies! ;)

[klavsr]

Radās vēl viens jautājums - vai ir iespējams konkrētajam linkam pēc nospiešanas piedabūt klāt tagu (šajā gadījumā style="font-weight: bold"), lai izceltos nospiestais cipars ?

[andrisp]

iekš tā paša onclick iebāz this.style.fontWeight = 'bold';.

[klavsr]

Paldies! Šis darbojas ļoti labi, vienīgi, kad nospiež uz cita linka, pirmais nospiestais vēl ir bold. Kā viņu piedabūt atkal palikt parastam?

[klavsr]

Vai tiešām šis nav izdarāms? Ļoti deg! ;)

[andrisp]

Protams, ka ir izdarāms. ;)

 

Kad tiek nospiests uz tā linka, tad pārējiem linkiem uzseto style.fontWeight = ''; (Tukšums resetos vērtību uz sākotnējo)

[klavsr]

Paldies, andrisp, bet vai vari lūdzu parādīt piemēro šajā kodā? vai man katrs no pārējiem būtu kaut kā jānosauc un tad jānorāda uz katru kuram jānoņem bold? Kā jau teicu, JS man tumša bilde ;)

 

<script type="text/javascript">
var teksti = ['teksts1','teksts2','teksts3','teksts4','teksts5'];
</script>

<div id="tekstiem"></div>

<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[0]; this.style.fontWeight = 'bold'; return false;">1</a>
<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[1]; this.style.fontWeight = 'bold'; return false;">2</a>
<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[2]; this.style.fontWeight = 'bold'; return false;">3</a>
<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[3]; this.style.fontWeight = 'bold'; return false;">4</a>
<a href="#" onclick="document.getElementById('tekstiem').innerHTML = teksti[4]; this.style.fontWeight = 'bold'; return false;">5</a>

[Grey_Wolf]

katram pieliec unikaalu identifikatoru id="tavs_identifikators_kas_ir_unikals"

un tad vari ar to elementu dariit ko vien velies

document.GetElementBy(id)

-------

style.display ='none';

style.font .....

--------

respektiivi maini vertibas, izskatu kaa sirds karo ... 99% no CSS pieljaujamam vertibam ...

tikai paskaties kaa pareizi doto ipasibu(vertibu) mainiit izmantojot JS --> mazliet atskjiraas pieraksts....

te ir arrii CSS un JS piemeri

[klavsr]

Paldies!

 

Ar HTML/CSS/PHP problēmu nav, bet JS tikpat kā nezinu vispār ;)

 

Šis variants darbojas, bet sanāk, ka ja šie linki ir 12 gab, tad katram vajag iekš onClick rakstīt:

 

document.GetElementBy(1).style.fontWeight = 'normal';

document.GetElementBy(2).style.fontWeight = 'normal';

document.GetElementBy(3).style.fontWeight = 'normal';

...

 

tā lai pārējie nebūtu bold. Vai ir kāds īsāks variants? Varbūt, ja var ar this.style noteikt stilu konkrētajam linkam, tad ar xxxx.style var arī iepriekšējam nospiestajam? :)

 

Protams, var pie katra no 12 linkiem iekopēt vēl 12 rindiņas un viss tāpat darbosies.

[Grey_Wolf]

elementari vatson ;)

id izveido peec shaada principa id='nosaukums_0' ... nosaukums_1... nosaukums_n

un talak jau ar cilku ...

for(var i =0;i<skaits;i++)
{
document.GetElementBy('nosaukums_'+i).style.fontWeight = 'normal';
}

i visa beda ...

// pievers uzmaniibu, ka JS stringu savienosanai tiek izmantots + nevis ( . ) kaa ieksh PHP ...

 

var vel megjinat globalajaa atcereties kaads id tika nomainiits un to nomainiit atpakalj....

edit:

var mans_bolds='pirma_a_elementa_id'; // izmantot pirma mainamaa elementa id lai nebutu jataisa if parbaude uz tukshu vertiibu --> savadak buus kljuuda 
function uz_bold(id)
{
document.GetElementBy(mans_bolds).style.fontWeight = 'normal';
document.GetElementBy(id).style.fontWeight = 'bold';
mans_bolds=id;  
return false;
}
// un kodaa
<a href="#" id='xxx' onclick="document.getElementById('tekstiem').innerHTML = teksti[0]; uz_bold('xxx'); return false;">1</a>

Edited May 18, 2008 by Grey_Wolf

[klavsr]

Mēģināju abas metodes, bet izskatās, ka kaut ko daru galīgi garām.. :(

 

<script type="text/javascript">
var teksti = ['teksts1','teksts2','teksts3','teksts4','teksts5'];

for(var i=1; i<4; i++)
{
document.GetElementBy('nosaukums_'+i).style.fontWeight = 'normal';
}
</script>

<div id="tekstiem"></div>

<a href="#" id="nosaukums_1" onclick="document.getElementById('tekstiem').innerHTML = teksti[0]; this.style.fontWeight = 'bold'; return false;">1</a>
<a href="#" id="nosaukums_2" onclick="document.getElementById('tekstiem').innerHTML = teksti[1]; this.style.fontWeight = 'bold'; return false;">2</a>
<a href="#" id="nosaukums_3" onclick="document.getElementById('tekstiem').innerHTML = teksti[2]; this.style.fontWeight = 'bold'; return false;">3</a>

Bolds uzliekās katram, bet nost neiet.

 

 

<script type="text/javascript">
var teksti = ['teksts1','teksts2','teksts3','teksts4','teksts5'];

var mans_bolds='a1';
function uz_bold(id)
{
document.GetElementBy(mans_bolds).style.fontWeight = 'normal';
document.GetElementBy(id).style.fontWeight = 'bold';
mans_bolds=id;  
return false;
}
</script>

<div id="tekstiem"></div>

<a href="#" id="a1" onclick="document.getElementById('tekstiem').innerHTML = teksti[0]; uz_bold('a1'); return false;">1</a>
<a href="#" id="a2" onclick="document.getElementById('tekstiem').innerHTML = teksti[1]; uz_bold('a2'); return false;">2</a>
<a href="#" id="a3" onclick="document.getElementById('tekstiem').innerHTML = teksti[2]; uz_bold('a3'); return false;">3</a>

Bolds nepārādās vispār.

 

 

Vai varētu būt vainīgs JS skripta novietojums dokumentā?

[Grey_Wolf]

vai tad vienmer jaadarbojas peec principa CTR+C --> CTR+V ?

aatruma rakstot nokljuudijos ...

 

document.getElementById nevis GetElementBy ... un pats nevareji paskatiities?

[klavsr]

Pats to pamanīju, pieliku Id, tāpat nestrādāja. Izrādās, Get obligāti jābūt ar mazo burtu :)

 

Paldies par palīdzību.