Autor Zpráva
Kubuska112
Profil
#1 · Zasláno: 31. 3. 2012, 07:16:52 · Upravil/a: Moderátor
Zdravim. Jak se dělá "vypínač" Zhasni seznam? Stačil by holý zdrojový kod.
jenikkozak
Profil
#2 · Zasláno: 31. 3. 2012, 08:56:40 · Upravil/a: jenikkozak

<div id="lampControls" class=""></div>
+ styl pro dané id, + obrázek, + kousek JS.
Seznam, stejně jako většina webových stránek, nabízí k nahlédnutí svůj zdrojový kód posílaný prohlížeči. :)
Kubuska112
Profil
#3 · Zasláno: 31. 3. 2012, 10:59:37
jenikkozak:
„nabízí k nahlédnutí svůj zdrojový kód posílaný prohlížeči“

jojo, už jsem to našel :)
mobilla
Profil
#4 · Zasláno: 31. 3. 2012, 21:00:37
Čau, poradíte mi co napsat do texťáku, abych měl vypínač zhasni seznam jako je na seznamu.

Díky
mobilla
Profil
#5 · Zasláno: 31. 3. 2012, 21:24:59 · Upravil/a: Moderátor
todle když tam napíšu tak mám prázdnou stránku
final
#6 · Zasláno: 31. 3. 2012, 21:58:25 · Upravil/a: Moderátor
ja keď tam napíšem 
<div id ="lampControls"  class =""></div>
+ styl pro dané id, + obrázek, + kousek JS
to tak mi to funguje
ak ti to aj tak nejde skús ALT + F4

Moderátor Petr ZZZ: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ) a piš vůbec pečlivěji.
HUNK
Profil
#7 · Zasláno: 1. 4. 2012, 10:28:22
Prosím neporadí mi nebo nemá někdo funkční scripit co byl na seznamu to shasnutí a baterku chtěl bych jej vyzkoušet moc prosím....propásl jsem jej prosím
shaggy
Profil
#8 · Zasláno: 1. 4. 2012, 11:04:23 · Upravil/a: Moderátor
HUNK:
Poradím ti:
1. nespamuj v každej otázke, ak sa chceš niečo opýtať, tak iba raz
2. začni sa učiť html, css a ak to budeš vedieť, tak javascript
3. keď sa to naučíš, tak ti napadne hneď niekoľko možností (napríklad urobiť si obrázok s výrezom a ten budeš pohybovať nad stránkou podľa pozície kurzora myši).

Moderátor Petr ZZZ: Sloučil jsem obě témata a vyházel (část) balast(u).
Honza.P
Profil
#9 · Zasláno: 1. 4. 2012, 17:28:37
HUNK: 
<!DOCTYPE HTML>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  </head>
  <body>
  <script type="text/javascript">
var LampEffect = JAK.ClassMaker.makeClass({
NAME : 'LampEffect',
VERSION : '1.0'
});
LampEffect.prototype.$constructor = function(radiusImageUrl,opt){
this.dom = {};
this.ec = [];
this._opt = {
darkTheme:false
}
for(var key in opt){
this._opt[key] = opt[key];
}
this.img = new Image();
this.img.src = radiusImageUrl;
this.bodySize = JAK.DOM.getDocSize();
this.power = false;
this.compatibilityForIE = this._browserTest();
this.enableSaving = false; /** nastavime na true pouze v intervalu kdy byt lampa rovnou zhasnuta **/
this.cookieTest = navigator.cookieEnabled || ("cookie" in document && (document.cookie.length > 0 || (document.cookie = "test").indexOf.call(document.cookie, "test") > -1)); /** otestujeme jestli muzeme ukladat cookie **/
this.cookie = JAK.Cookie.getInstance();
this.adsInitied = false;
this._init();
this.ec.push(JAK.Events.addListener(window,"load",this,"_setOriginPosition"));
};
LampEffect.prototype._init = function(){
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
this._loadAds();
}else{
var now = new Date();
var from = new Date(2012,2,31,20,30,0);
var to = new Date(2012,2,31,21,30,0);
this._buildLamp();
this._link();
/** pokud jsme v intervalu zobrazeni, zobrazime **/
if(now >= from && now <= to){
this.enableSaving = true;
if(this.cookieTest == true){
var cookie = this.cookie.get("sznhomepage");
if(cookie=="lamp-show" || cookie==null){
this._show();
}else{
this._loadAds();
}
}
}else{
this._loadAds();
}
this._setOriginPosition();
}
}
LampEffect.prototype._browserTest = function(){
if(JAK.Browser.client == "ie" && JAK.Browser.version <= 8){
return false;
}else{
return true;
}
};
LampEffect.prototype._buildLamp = function(){
document.body.style.position = "relative"; /*- fix overflow pro starsi ie -*/
this.dom.main = JAK.mel('div', { className : 'lampMain' } );
document.body.appendChild(this.dom.main);
this.dom.controls = JAK.mel('div', { id : 'lampControls' } );
if(this._opt.darkTheme == true){
JAK.DOM.addClass(this.dom.controls,"darkTheme");
}
JAK.DOM.addClass(this.dom.controls,"on");
document.body.appendChild(this.dom.controls);
/*- nastaveni pruhlednosti pokud nefixujeme IE -*/
if( this.compatibilityForIE == false ){
this._buildIE();
}else{
JAK.DOM.setStyle(this.dom.main,{opacity:"0.93"});
}
};
LampEffect.prototype.setOriginPosition = function(){
this._setOriginPosition();
};
LampEffect.prototype._setOriginPosition = function(){
var logo = JAK.gel("seznam-logo");
var logoPosition = JAK.DOM.getBoxPosition(logo);
var left = logoPosition.left - 55 + "px";
var top = logoPosition.top - 135 + "px";
JAK.DOM.setStyle(this.dom.main,{left:left, top:top});
};
LampEffect.prototype._move = function(e, elm){
var scroll = JAK.DOM.getScrollPos();
var pos = {
x : e.clientX - this.img.width/2,
y : e.clientY - this.img.height/2
};
this.dom.main.style.left = pos.x+'px';
this.dom.main.style.top = pos.y+'px';
if( this.compatibilityForIE == false ){
this.dom.correctDivLeft.style.left = pos.x-10001+"px";
this.dom.correctDivRight.style.left = pos.x+350+"px";
this.dom.correctDivTop.style.top = pos.y-10001+"px";
this.dom.correctDivTop.style.left = pos.x+"px";
this.dom.correctDivBottom.style.top = pos.y+350+"px";
this.dom.correctDivBottom.style.left = pos.x+"px";
}
};
LampEffect.prototype._link = function(){
this.ec.push( JAK.Events.addListener(document, 'mousemove', this, '_move') );
this.ec.push( JAK.Events.addListener(window, 'scroll', this, '_scroll') );
this.ec.push( JAK.Events.addListener(JAK.gel("lampControls"), 'click', this, '_toggle') );
};
LampEffect.prototype._scroll = function(e, elm){
}
LampEffect.prototype._toggle = function(e, elm){
if(this.power == true){
this._hide();
}else{
this._show();
}
};
LampEffect.prototype._hide = function(){
if(this.enableSaving == true && this.cookieTest == true){
this._setCookie("lamp-hide");
}
JAK.DOM.setStyle(this.dom.main,{display:"none",visibility:"hidden"});
JAK.DOM.addClass(this.dom.controls,"on");
document.body.style.overflow = "";
if( this.compatibilityForIE == false ){
JAK.DOM.setStyle(this.dom.correctDivLeft,{display:"none",visibility:"hidden"});
JAK.DOM.setStyle(this.dom.correctDivRight,{display:"none",visibility:"hidden"});
JAK.DOM.setStyle(this.dom.correctDivTop,{display:"none",visibility:"hidden"});
JAK.DOM.setStyle(this.dom.correctDivBottom,{display:"none",visibility:"hidden"});
}
this.power = false;
this._loadAds();
};
LampEffect.prototype._show = function(){
if(this.enableSaving == true && this.cookieTest == true){
this._setCookie("lamp-show");
}
JAK.DOM.setStyle(this.dom.main,{display:"block",visibility:"visible"});
JAK.DOM.removeClass(this.dom.controls,"on");
document.body.style.overflowX = "hidden";
if( this.compatibilityForIE == false ){
JAK.DOM.setStyle(this.dom.correctDivLeft,{display:"block",visibility:"visible"});
JAK.DOM.setStyle(this.dom.correctDivRight,{display:"block",visibility:"visible"});
JAK.DOM.setStyle(this.dom.correctDivTop,{display:"block",visibility:"visible"});
JAK.DOM.setStyle(this.dom.correctDivBottom,{display:"block",visibility:"visible"});
}
this.power = true;
};
LampEffect.prototype._buildIE = function(){
this.dom.correctDivLeft = JAK.mel('div', { id : 'lampLeftBox' } );
JAK.DOM.addClass(this.dom.correctDivLeft,"lampCorrectBox");
document.body.appendChild(this.dom.correctDivLeft);
this.dom.correctDivRight = JAK.mel('div', { id : 'lampRightBox' } );
JAK.DOM.addClass(this.dom.correctDivRight,"lampCorrectBox");
document.body.appendChild(this.dom.correctDivRight);
this.dom.correctDivTop = JAK.mel('div', { id : 'lampTopBox' } );
JAK.DOM.addClass(this.dom.correctDivTop,"lampCorrectBox");
this.dom.correctDivTop.style.width = "350px";
document.body.appendChild(this.dom.correctDivTop);
this.dom.correctDivBottom = JAK.mel('div', { id : 'lampBottomBox' } );
JAK.DOM.addClass(this.dom.correctDivBottom,"lampCorrectBox");
this.dom.correctDivBottom.style.width = "350px";
document.body.appendChild(this.dom.correctDivBottom);
};
LampEffect.prototype._loadAds = function(){
if(this.adsInitied == false){
this.adsInitied = true;
if(!!JAK.aukro == true){
JAK.aukro.setup();
}
if(!!JAK.Advert == true){
JAK.Advert._getAd();
}
}
}
/**
* @param {string} to - na co nastavime cookie
**/
LampEffect.prototype._setCookie = function(to){
var expires = new Date ();
expires.setMinutes ( expires.getMinutes() + 60 );
this.cookie.set("sznhomepage",to,{expires:expires});
}
/**
* @class Nastroj pro praci s cookie
* @version 1.0
* @author jelc
*/
JAK.Cookie = JAK.ClassMaker.makeSingleton({
NAME: "JAK.Cookie",
VERSION: "1.0"
});
/**
* Vraci pole nazvu vsech dostupnych cookie dokumentu
* @returns {array} pole nazvu dostupnych cookie
*/
JAK.Cookie.prototype.list = function() {
var list = document.cookie.split(";").map(
function(item){
return item.split("=")[0].trim();
}
)
return list;
};
/**
* Vraci hodnotu cookie zadaneho jmena, pokud existuje, jinak null
* @param {string} name nazev cookie, kterou chceme cist
* @returns {string || null} hodnota cookie nebo null
*/
JAK.Cookie.prototype.get = function(name) {
var index = this.list().indexOf(name);
if(index == -1 ) {
return null;
}
return document.cookie.split(";")[index].split("=").slice(1).join("=").trim();
};
/**
* Nastavuje nebo rusi cookie
* @param {string} name nazev cookie
* @param {string || null} hodnota cookie, pokud bude null, cookie se zrusi
* @param {object} [cookieOptions] dalsi atributu cookie
* @param {Date} [cookieOptions.expires] datum expirace cookie (instance Date)
* @param {string} [cookieOptions.path] cesta cookie
* @param {string} [cookieOptions.domain] domena cookie
* @param {boolean} [cookieOptions.secure] urcuje zda cookie dstupna pouze pres https
*/
JAK.Cookie.prototype.set = function(name, value, cookieOptions) {
if(value === null) {
this._remove(name);
return;
}
var opt = this._makeOptions(cookieOptions);
var ck = name + "=" + value + (opt ? ";" + opt : "");
document.cookie = ck;
};
/**
* Vlastni odebrani cookie (nemusi se projevit okamzite), nastavi cookie
* prazdnou hodnotu a datum expirace do minulosti
* @private
* @param {string} name jmeno rusene cookie
*/
JAK.Cookie.prototype._remove = function(name) {
document.cookie = name + "=;expires=" + new Date(1).toUTCString();
};
/**
* Zpracovava (retezi) dalsi atributy cookie
* @param {object} options dalsi atributy cookie
* @see JAK.Cookie#set
* @returns {string} zretezene atributy pripravene pro zapis
*/
JAK.Cookie.prototype._makeOptions = function(options) {
var opt = [];
for(var i in options){
switch(i){
case "expires":
opt.push(i + "=" + options[i].toUTCString());
break;
case "secure":
if(options[i]){
opt.push(i);
}
break;
case "domain":
case "path":
opt.push(i + "=" + options[i]);
break;
default:
break;
}
}
return opt.join(";");
};
</script>
  
  
  <script type="text/javascript">
var lamp = new LampEffect("radiusimage.png");
</script>
  <div class="lampMain" style="opacity: 0.93; display: none; visibility: hidden; left: 721.5px; top: 424.5px;"></div>
  <div id="lampControls" class=" on"></div>
  </body>
</html>
HUNK
Profil
#10 · Zasláno: 1. 4. 2012, 18:06:33 · Upravil/a: Moderátor
shaggy:
Děkuji za radu

Honza.P:
Děkuji moc jak dojdu domů vyzkouším.
Časová prodleva: 1 měsíc
naKokos
Profil
#11 · Zasláno: 4. 5. 2012, 19:09:16
Zdravím, jaksi mi to nefunguje. Mohli by jste mi pomoci? Předem díky
Again
Profil
#12 · Zasláno: 4. 5. 2012, 21:26:45 · Upravil/a: Again
jaksi mi to nefunguje - pěkně řečeno, můžeš nám prosím tě popsat svůj problém více podrobněji ?
naKokos
Profil
#13 · Zasláno: 5. 5. 2012, 17:00:44
Ano, hodím na web a prostě neukáže se mi to, nefunguje mi to.
Taurus
Profil
#14 · Zasláno: 5. 5. 2012, 17:49:54
Asi jsi to hodil moc prudce, až se to rozbilo.
Fisir
Profil
#15 · Zasláno: 5. 5. 2012, 18:19:54
Reaguji na naKokose [#11]:
Ačkoli takovým jako jsi ty odpovídám velice nerad, tak se tě zeptám: máš tam připojenou knihovnu JAK?
Časová prodleva: 2 měsíce
neelie
Profil
#16 · Zasláno: 19. 6. 2012, 22:43:15
Ahojky, vim, ze me asi pretrhnete, ale nemohl by me nekdo poslat zkopirovany original cele stranky a script na meil ironka@centrum.cz ... budu docela vdecna ... chci videt, jak se to bude menit, kdyz neco zmenim v originale (mam trochu pocit (nic proti), ze tu nejaky cislicka/pismenka v zavorkach/uvozovkach chybi )
Dikas mooooc
Pa
Fisir
Profil
#17 · Zasláno: 20. 6. 2012, 16:44:39
Reaguji na neelie [#16]:
Zdá se mi to jen, a nebo v [#9] opravdu ten kód není?
neelie
Profil
#18 · Zasláno: 20. 6. 2012, 17:15:58 · Upravil/a: neelie
Reaguji na Fisir [#17]:
ja prave vubec nevim :(, co jsme se ucili, ze v kulat. zavorkach ma bejt neco napsano (jinak mi prijdou zbytecny), jinak postradam text (ktery se zobrazuje na strance, coz je spis vedlejsi) a jestli maj bejt 2 obrazky (zhasnuto, rozsviceno), tak vidim jen jedno .png na konci ... prohlidla jsem to zbezne a muzu se mylit ...
Fisir
Profil
#19 · Zasláno: 20. 6. 2012, 17:55:24 · Upravil/a: Fisir
Reaguji na neelie [#18]:
„jinak mi prijdou zbytecny“
No nazdar. Ty rozhodně nejsou zbytečné, i když v nich není nic napsáno.

„postradam text“
Tak tam nějaký dopiš.

„vidim jen jedno .png na konci“
To je pouze překryvný obrázek (světlo lampy). Vypínač je záležitostí CSS.
Časová prodleva: 12 měsíců

(Zapomenuté heslo?)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-pět: