Oficjalne forum pomocy serwisu PUN.pl

Niestety, nikt nie powie Ci czym jest FluxBB - musisz go poznać sam!

Nie jesteś zalogowany na forum.

#1 2015-11-15 19:26:40

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows 7Chrome 46.0.2490.86

[JS] Losowy tekst

Wiele osób pyta na GG o kod na losowy tekst ( i nie tylko tekst) po odświeżeniu strony, skoro jest takie zapotrzebowanie to proszę:

  • Do ogłoszenia:

<script>
jQuery(document).ready(function(){
var pro14losowyteksty= [
'1 tekst ',
'2 tekst',
'3 tekst', 
'4 tekst'
];
var pro14losowytekst = pro14losowyteksty[Math.floor(Math.random() * pro14losowyteksty.length)];
jQuery('#losowytekst').append(''+pro14losowytekst+'');
});
</script>

By dodać więcej tekstów niż 4 dopisz kolejną linijkę 'następny tekst', pamiętaj, że ostatnia pozycja przed ]; nie ma już przecinka na końcu.
Między ' a ' można używać HTML czyli np. '<b>następny tekst</b>', to da nam pogrubienie tekstu.

  • By kod działa wystarczy dodać w dowolne miejsce:

<span id="losowytekst"></span>
Przykładowy kod
<script>
jQuery(document).ready(function(){
var pro14losowyteksty= [
'<b>1</b>',
'<span style="color:red;">2</span>',
'<i>3</i>', 
'<strong>4</strong>', 
'<img src="http://www.forum.pun.pl/upload/pun_pl/forum/avatars/79145.jpg?m=1381054433">'
];
var pro14losowytekst = pro14losowyteksty[Math.floor(Math.random() * pro14losowyteksty.length)];
jQuery('#losowytekst').append(''+pro14losowytekst+'');
});
</script>


<span id="losowytekst"></span>

Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

Użytkowników czytających ten temat: 0, gości: 1
[Bot] claudebot

Stopka

Forum oparte na FluxBB

Darmowe Forum
zs6 - riskmta - cs-karwosfrajer - mojehobby - formularzowo