TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Dobrý den, potřeboval bych nutnou pomoct. Jedná se, že musím vytvořit chat mezi 2 uživateli. Textovou podobu jsem udělal, ale musím udělat i hlasový hovor mezi nimi... A nevím vůbec přes co bych to měl řešit. Tak prosím o radu v čem by to bylo nejlepší naprogramovat a jestli se s tím už někdo setkal, tak radu nebo nějaký tutorial na webu.:-) Děkuji mockrát :-)
Příspěvky odeslané z IP adresy 213.155.255.–
nevím
Mirek
#8 Nefaritus
Ty kolecka jsou tohle
<div class="trida_Adam"><a href="#prvni" onclick="return zobraz('prvni');"></a></div>
<div class="trida_Mirek"><a href="#druha" onclick="return zobraz('druha'); "></a></div>
<div class="trida_Sirin"><a href="#treti" onclick="return zobraz('treti'); "></a></div>
takze mam kazde z nich jeste doplnit o tridu class kolecko? takhle ?
<div class="trida_Adam"><a href="#prvni" class="kolecko" onclick="return zobraz('prvni');"></a></div>
a ten zdrojovy kod co si mi poslal mam dat do kodu do toho scriptu ?
<script type="text/javascript">
var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
return true; // odkazy budou proklikavat na href
}
}
</script>
a kam prosim?
Mirek
#6 Nefaritus
<meta charset="windows-1250">
<html>
<head>
<link rel="stylesheet" type="text/css" href="redakce.css" media="screen" />
<style media="all" id="zalozky">
.polozka {display: none}
#prvni {display: block}
</style>
<script type="text/javascript">
var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
return true; // odkazy budou proklikavat na href
}
}
</script>
</head>
<body>
<nav>
<div class="zalozka">
<div class="trida_Adam"><a href="#prvni" onclick="return zobraz('prvni');"></a></div>
<div class="trida_Mirek"><a href="#druha" onclick="return zobraz('druha'); "></a></div>
<div class="trida_Sirin"><a href="#treti" onclick="return zobraz('treti'); "></a></div>
</div>
<div class="center">
<div id="prvni" class="polozka">
<a name="prvni"></a>
<div class="jmeno">Adam<br>Antoš</div>
<p>text</p>
</div>
<div id="druha" class="polozka">
<a name="druha"></a>
<div class="jmeno">Miroslav<br>Šopík</div>
<p>text</p>
</div>
<div id="treti" class="polozka">
<a name="treti"></a>
<div class="jmeno">Širín<br>Ježková</div>
<p>text</p>
</div>
</div>
</body>
</html>
Mirek
#4 Nefaritus
tuhle fnkci .addClass("active") jsem zkousel, snazil jsem se priradit tridu prvku po onclick ale nejak sem to nerozchodil, kdyz sem si dal vypis stranky tak ten prvek nemel tridu "active". Nevim kde je chyba. Mohl by mi s tim nekdo pomoct? Poslu zdrojovy kod. Diky
Mirek
#2 null_while
No je to slozitejsi. Potrebuji pri tom clicku menit vice vlastnosti toho prvku jako rozmery, background, font a pod. To si umim udelat v CSS ale potrebuji vedet cemu ty vlastnosti v css nastavuji a to sem prave chtel resit tak ze se tomu <a> preda vlastnost javascriptem active. v CSS uz bych jen udelal a:active {......}. Ten clanek co si poslal je dobry, ale nejsem schopny z toho udelat to co potrebuji. Neni nekde kod primo na to co potrebuj?
Mirek
Dobrý den tak jsem hodil na web http://www.pozemstane.cz index ve kterem mi nejde nasledujici vec. Kdyz najedu na prvek (a:hover) tak to funguje v levo ty kolečka změni při najeti myší pozadí, ale když na něj kliknu obrázek tam nezůstane přesto že v CSS šabloně mám definovanou i funkci a:active. Pry to jde udělat nějak javou ale absolutně nemám tušení i když jsem pár rad zkoušel.
Mirek
#2 JS
Mam menu kde je 8 polozek, kdyz na nejakou kliknu potrebuji aby prevzala vlastnost active abych ji v CSS mohl priradit zvlast vlastnosti. V CSS napriklad .trida a:active {color:red;} ale ten prvek trida musi mit vlastnost active po kliknuti na nej. A to nevim jak udelat.
Mirek
#2 kavva
Promin tady je to prehlednejsi, nevedel sem ze to jde jako kod
<html>
<head>
<link rel="stylesheet" type="text/css" href="redakce.css" media="screen" />
<style media="all" id="zalozky">
.polozka {display: none}
#prvni {display: block}
</style>
<script>
var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
return true; // odkazy budou proklikavat na href
}
}
</script>
</head>
<body>
<p class="zalozka">
<table>
<tr><td><a id="id1" href="#prvni" onclick="return zobraz('prvni')"> </a></tr></td>
<tr><td><a href="#druha" onclick="return zobraz('druha'); "></a></tr></td>
<tr><td><a href="#treti" onclick="return zobraz('treti'); "></a></tr></td>
<table>
</p>
<div class="center">
<div id="prvni" class="polozka">
<a name="prvni"></a>
<p>Nějaký libovolný text bla bla bla bla bla. Lorem ipsum dlouhý text.
</div>
<div id="druha" class="polozka">
<a name="druha"></a>
<p>Vtip je v tom, že jsem pořád v tomtéž souboru.
</div>
<div id="treti" class="polozka">
<a name="treti"></a>
<p>Obsahuje libovolný text, který se aktivuje po kliknutí na třetí odkaz.
</div>
</div>
</body>
</html>
Mirek
#2 kavva
Vypadá to dobře i na google se to tak řeší, ale nemohu tovůbec dostat do tohodle kodu a zkousel sem fakt spousy variant
<html>
<head>
<link rel="stylesheet" type="text/css" rel="nofollow" href="redakce.css" media="screen" />
<style media="all" id="zalozky">
.polozka {display: none}
#prvni {display: block}
</style>
<script>
var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
return true; // odkazy budou proklikavat na href
}
}
</script>
</head>
<body>
<p class="zalozka">
<table>
<tr><td><a id="id1" rel="nofollow" href="#prvni" onclick="return zobraz('prvni')"> </a></tr></td>
<tr><td><a rel="nofollow" href="#druha" onclick="return zobraz('druha'); "></a></tr></td>
<tr><td><a rel="nofollow" href="#treti" onclick="return zobraz('treti'); "></a></tr></td>
<table>
</p>
<div class="center">
<div id="prvni" class="polozka">
<a name="prvni"></a>
<p>Nějaký libovolný text bla bla bla bla bla. Lorem ipsum dlouhý text.
</div>
<div id="druha" class="polozka">
<a name="druha"></a>
<p>Vtip je v tom, že jsem pořád v tomtéž souboru.
</div>
<div id="treti" class="polozka">
<a name="treti"></a>
<p>Obsahuje libovolný text, který se aktivuje po kliknutí na třetí odkaz.
</div>
</div>
</body>
</html>
Mirek
Dobry den mam problem z prvky. Mam nekolik prvku a potrebuji je nastavit po kliknuti na aktivni. Jde o to ze v CSS pouzivam funkci .active abych mel treba zvyrazneny text aktivniho prveku. Ale nevim jak udelat prvek aktivni po kliknuti na nej. Jde pouze o odkazy <a>. Dik
Mirek
Dobry den mam problem z prvky. Mam nekolik prvku a potrebuji je nastavit po kliknuti na aktivni. Jde o to ze v CSS pouzivam funkci .active abych mel treba zvyrazneny text aktivniho prveku. Ale nevim jak udelat prvek aktivni po kliknuti na nej. Jde pouze o odkazy <a>. Diky
