| Autor | Zpráva | ||
|---|---|---|---|
| pavel kveton Profil * |
dobry den chtěl bych se zeptal zdali nejde ( Jde) udělat viditelnost obrazku pomoci javasriptu zde vidit) e pruhlednost pomoci javascriptu u zvětšeneho obrazku, mno ja bych potřeboval zviditelnit ten puvodni obrazek :-) ( ne pomoci css: opacity neprojde css validatorem :-( takže mě napadlo estli by to nešlo tak :-) děkuji
tohle je v souboru java moc se v tom nevyznem :-) dík if (typeof document.attachEvent!='undefined') {
window.attachEvent('onload',init);
document.attachEvent('onmousemove',moveMouse);
document.attachEvent('onclick',checkMove); }
else {
window.addEventListener('load',init,false);
document.addEventListener('mousemove',moveMouse,false);
document.addEventListener('click',checkMove,false);
}
var oDv=document.createElement("div");
var dvHdr=document.createElement("div");
var dvBdy=document.createElement("div");
var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mouseX,mouseY,boxOpen,totalScrollTop,totalScrollLeft;
boxOpen=false;
ox=10;
oy=10;
lockX=0;
lockY=0;
function init() {
oDv.appendChild(dvHdr);
oDv.appendChild(dvBdy);
oDv.style.position="absolute";
oDv.style.visibility='hidden';
document.body.appendChild(oDv);
}
function defHdrStyle() {
dvHdr.innerHTML='<img style="vertical-align:middle" src="info.gif"> '+dvHdr.innerHTML;
dvHdr.style.fontWeight='bold';
dvHdr.style.width='150px';
dvHdr.style.fontFamily='arial';
dvHdr.style.border='1px solid #A5CFE9';
dvHdr.style.padding='3';
dvHdr.style.fontSize='11';
dvHdr.style.color='#4B7A98';
dvHdr.style.background='#D5EBF9';
dvHdr.style.filter='alpha(opacity=85)'; // IE
dvHdr.style.opacity='0.85'; // FF - VIDITELNOST pole ned scr?
}
function defBdyStyle() {
dvBdy.style.borderBottom='1px solid #A5CFE9';
dvBdy.style.borderLeft='1px solid #A5CFE9';
dvBdy.style.borderRight='1px solid #A5CFE9';
dvBdy.style.width='500px'; //- VELIKOST OBRAZKU PRO IE
dvBdy.style.height='375px';
dvBdy.style.fontFamily='arial';
dvBdy.style.fontSize='11';
dvBdy.style.padding='3';
dvBdy.style.color='#1B4966';
dvBdy.style.background='#FFFFFF';
dvBdy.style.filter='alpha(opacity=30)'; // IE-VIDITELNOSTproIE
dvBdy.style.opacity='0.30'; // FF -VIDITELNOST ZVETSENEHO OBRAZKU
}
function checkElemBO(txt) {
if (!txt || typeof(txt) != 'string') return false;
if ((txt.indexOf('header')>-1)&&(txt.indexOf('body')>-1)&&(txt.indexOf('[')>-1)&&(txt.indexOf('[')>-1))
return true;
else
return false;
}
function scanBO(curNode) {
if (checkElemBO(curNode.title)) {
curNode.boHDR=getParam('header',curNode.title);
curNode.boBDY=getParam('body',curNode.title);
curNode.boCSSBDY=getParam('cssbody',curNode.title);
curNode.boCSSHDR=getParam('cssheader',curNode.title);
curNode.IEbugfix=(getParam('hideselects',curNode.title)=='on')?true:false;
curNode.fixX=parseInt(getParam('fixedrelx',curNode.title));
curNode.fixY=parseInt(getParam('fixedrely',curNode.title));
curNode.absX=parseInt(getParam('fixedabsx',curNode.title));
curNode.absY=parseInt(getParam('fixedabsy',curNode.title));
curNode.offY=(getParam('offsety',curNode.title)!='')?parseInt(getParam('offsety',curNode.title)):10;
curNode.offX=(getParam('offsetx',curNode.title)!='')?parseInt(getParam('offsetx',curNode.title)):10;
curNode.fade=(getParam('fade',curNode.title)=='on')?true:false;
curNode.fadespeed=(getParam('fadespeed',curNode.title)!='')?getParam('fadespeed',curNode.title):0.04;
curNode.delay=(getParam('delay',curNode.title)!='')?parseInt(getParam('delay',curNode.title)):0;
if (getParam('requireclick',curNode.title)=='on') {
curNode.requireclick=true;
document.all?curNode.attachEvent('onclick',showHideBox):curNode.addEventListener('click',showHideBox,false);
document.all?curNode.attachEvent('onmouseover',hideBox):curNode.addEventListener('mouseover',hideBox,false);
}
else {// Note : if requireclick is on the stop clicks are ignored
if (getParam('doubleclickstop',curNode.title)!='off') {
document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false);
}
if (getParam('singleclickstop',curNode.title)=='on') {
document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false);
}
}
curNode.windowLock=getParam('windowlock',curNode.title).toLowerCase()=='off'?false:true;
curNode.title='';
curNode.hasbox=1;
}
else
curNode.hasbox=2;
}
function getParam(param,list) {
var reg = new RegExp('([^a-zA-Z]' + param + '|^' + param + ')\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]');
var res = reg.exec(list);
var returnvar;
if(res)
return res[2].replace('[[','[').replace(']]',']');
else
return '';
}
function Left(elem){
var x=0;
if (elem.calcLeft)
return elem.calcLeft;
var oElem=elem;
while(elem){
if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderLeftWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderLeftWidth);
x+=elem.offsetLeft;
elem=elem.offsetParent;
}
oElem.calcLeft=x;
return x;
}
function Top(elem){
var x=0;
if (elem.calcTop)
return elem.calcTop;
var oElem=elem;
while(elem){
if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderTopWidth)))&&(x!=0))
x+=parseInt(elem.currentStyle.borderTopWidth);
x+=elem.offsetTop;
elem=elem.offsetParent;
}
oElem.calcTop=x;
return x;
}
var ah,ab;
function applyStyles() {
if(ab)
oDv.removeChild(dvBdy);
if (ah)
oDv.removeChild(dvHdr);
dvHdr=document.createElement("div");
dvBdy=document.createElement("div");
CBE.boCSSBDY?dvBdy.className=CBE.boCSSBDY:defBdyStyle();
CBE.boCSSHDR?dvHdr.className=CBE.boCSSHDR:defHdrStyle();
dvHdr.innerHTML=CBE.boHDR;
dvBdy.innerHTML=CBE.boBDY;
ah=false;
ab=false;
if (CBE.boHDR!='') {
oDv.appendChild(dvHdr);
ah=true;
}
if (CBE.boBDY!=''){
oDv.appendChild(dvBdy);
ab=true;
}
}
var CSE,iterElem,LSE,CBE,LBE, totalScrollLeft, totalScrollTop, width, height ;
var ini=false;
// Customised function for inner window dimension
function SHW() {
if (document.body && (document.body.clientWidth !=0)) {
width=document.body.clientWidth;
height=document.body.clientHeight;
}
if (document.documentElement && (document.documentElement.clientWidth!=0) && (document.body.clientWidth + 20 >= document.documentElement.clientWidth)) {
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
return [width,height];
}
Moderátor Chamurappi: Zbytek je useknutý, nevešel se sem.
|
||
| TomasJ Profil |
#2 · Zasláno: 20. 2. 2010, 19:15:24 · Upravil/a: TomasJ
pavel kveton:
stačilo by, kdybyste přiřadil ke zobrazovanému img i id například: <img src="adresa" id="picture" alt="Zvetseny Obrazek"> a pak jen do JavaScriptu přidal tuto funkci (tuto zde máte použitu též... function setOpacity(value, id) {
var element = document.getElementById(id);
element.style.opacity = value;
element.style.filter = 'alpha(opacity=' + value + ')';
}Tato funkce funguje tak, že při najetí myší na obrázek, zavoláte funkci setOpacity("0.5","picture");Obrázek bude na polovinu průhledný "0.5" si můžete změnit na jakékoliv číslo, nejvíce však 1 a nejméně 0 Se zbytkem scriptu Vám neporadím... Jeho vysvětlení by mělo být tam, kde jste ho našel. „ne pomoci css: opacity neprojde css validatorem“ Mně opacity prošla bez problémů (na jigsaw CSS Validátoru) |
||
| TomasJ Profil |
#3 · Zasláno: 20. 2. 2010, 19:28:39 · Upravil/a: TomasJ
Jinak nevidím v čem by měl být problém
|
||
| pavel kveton Profil * |
#4 · Zasláno: 21. 2. 2010, 14:10:29
TomasJ:
u toho sameho validatoru mi to piše že opacity nejde (css lebev 3 u 2.1 mi to piše 4 chyby) Litujeme! Našli jsme následující chyby (2) URI : styly.css 75 #horizontalni-menu Chyba při analýza opacity=50) 153 #vertikalni-menu li a Chyba při analýza opacity=50) jinak je kod co sem posilal ja byl jen přiklad :-) ja se v tom moc nevyznam, šlo mi o to aby ten zmenšeny obrazek byl pruhledny furt :-) ne jen při přejetí myši, děkuji |
||
| pavel kveton Profil * |
#5 · Zasláno: 21. 2. 2010, 15:11:02
TomasJ:
no uplně nejlepši by bylo kdyby ste mi ukazal jak napsat validne css opacity :-) děkuji ja piši: opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; s tim že ty dvě posledni už nemusi byt ( jsou pro starši prohližeče ) |
||
|
Časová prodleva: 16 let
|
|||
0