Пак позициониране на флашче

vorfax · 3 Декември 2010

По лесни за досещане причини и прилично количество неблагоразумие, късно се усетих, че под някаква форма съм приключил темата в която питах за този проблем. Исках да допълня...

... за съжаление, това което чета го знам... Имам разпокъсани познания по CSS, HTML, Java, C+ и Pascal, но т.к. съм самоук, тъкмо това което попитах не ми е ясно. Сигурен съм, че е нещо просто, но АБ-то в случая ми е излишно да си преговарям, след като ми трябва нещо конкретно...

rxfeniks · 5 Декември 2010

Формирай си по-добре въпроса и пак опитай!

vorfax · 5 Декември 2010

rxfeniks каза:
Формирай си по-добре въпроса и пак опитай!

Бих желал swf анимация да се изпълнява в рамките на екрана, без да се съобразява със съдържанието под нея.
Както примерно елховата клонка вляво или звездичките тук. За елховата клонка имах готов js, а аз искам да определя къде да бъде позиционирана. Примерно имам пеперудки в swf и искам да се разхождат върху писаното под тях. Сега вероятно ще ме пратите да ровя в js файла

vorfax · 10 Декември 2010

Трудно ли обяснявам, що ли

Имам флашче с размер 50х50 и искам да се покаже тъкмо с отстъпи 100 считано отляво и 150 считано отгоре.
Идеи?

vorfax · 10 Декември 2010

Примерче:
Имам http://photomaniak.com/upload/out.php/i1089064_botteampoule.swf приложено с http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botteR.js
Отварям си скрипта и там виждам:

Код:

function SWFLayer(){
	
	this.swf_url = "";
	this.swf_id = "Flash";
	this.layer_name = "";
	this.xx = 0;//window
	this.yy = 0;//window
	this.width = 1;
	this.height = 1;
	this.zIndex = 0;
	this.body = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];
	this._oLayer = "";

	this.flashvars_labels = [];
	this.flashvars_values = [];

	this._ww_full_flg = "false";
	this._hh_full_flg = "false";
}

//----------------------------
// SWF
//----------------------------
SWFLayer.prototype._createFlashVarsValue = function(){
	var value = "browser=" + this._checkBrowser() + "&";
	var flashvars_labels = this.flashvars_labels;
	var flashvars_values = this.flashvars_values;
	for(var i=0; i < flashvars_labels.length; i++){
		value += flashvars_labels[i] + "=" + flashvars_values[i] + "&";
	}
	value = value.substring(0,value.length - 1);
	return value;
};


SWFLayer.prototype.create = function(){
	var swf_url = this.swf_url;
	var swf_id = this.swf_id;
	var layer_name = this.layer_name;
	
	var html = "";
	html += "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='100%' height='100%' id='"+swf_id+"' align='middle'>";
	html += "<param name='allowScriptAccess' value='always' />";

	if(this.flashvars_labels.length > 0){
		html += "<param name='flashvars' value='" + this._createFlashVarsValue() + "'>";
	}

	html += "<param name='movie' value='" + swf_url + "' /><param name='scale' value='noscale' /><param name='salign' value='lt' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='" + swf_url + "' quality='high' scale='noscale' salign='lt' wmode='transparent' width='100%' height='100%' name='"+swf_id+"' id='"+swf_id+"' swLiveConnect=true align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'";
	if(this.flashvars_labels.length > 0){
		html += " flashvars='" + this._createFlashVarsValue() + "'";
	}
	html += "/>";
	html += "</object>";

	var oLayer = document.createElement('div');
	oLayer.setAttribute('id',layer_name);
	//oLayer.style.background = "#FF0000";
	oLayer.innerHTML = html;
	oLayer.style.position = 'absolute';
	oLayer.style.zIndex = this.zIndex;
	document.body.appendChild(oLayer);
	this._oLayer = oLayer;

};

//
// 
//----------------------------
SWFLayer.prototype._checkBrowser = function(){
	var uName = navigator.userAgent;
	if (uName.indexOf("Safari") > -1) return "Safari";
	if (uName.indexOf("MSIE") > -1){
		return "MSIE";
	}
	return "Netscape";
};

//---------------------------------------------------------------
// 
//---------------------------------------------------------------
SWFLayer.prototype.setSize = function(ww,hh){
	var browser = this._checkBrowser();
	//
	if(ww == 'full'){
		this._ww_full_flg = "true";
		if(browser == "MSIE"){
			this.width = this.body.clientWidth;
		}else if(browser == "Netscape"){
			this.width = window.innerWidth - 17;
		}else{
			this.width = window.innerWidth;
		}
	}else{
		this._ww_full_flg = "false";
		this.width = ww;
	}

	//é«˜ã�•
	if(hh == 'full'){
		this._hh_full_flg = "true";
		if(browser == "MSIE"){
			this.height = this.body.clientHeight;
		}else if(browser == "Netscape"){
			this.height = window.innerHeight-17;
		}else{
			this.height = window.innerHeight;
		}
	}else{
		this._hh_full_flg = "false";
		this.height = hh;
	}
	this._oLayer.style.width = this.width + 'px';
	this._oLayer.style.height = this.height + 'px';
};


//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setPos = function(xx,yy){
	var browser = this._checkBrowser();

	this.xx = xx;
	this.yy = yy;

	//Xåº§æ¨™
	if(browser == "MSIE"){
		this._oLayer.style.left = this.xx + this.body.scrollLeft + 'px';
		this._oLayer.style.top = this.yy + this.body.scrollTop + 'px';
	}else {
		this._oLayer.style.left = this.xx + pageXOffset + 'px';
		this._oLayer.style.top = this.yy + pageYOffset + 'px';
	}

};

//
//
//--------------------------------------------------------------------
SWFLayer.prototype.setPosFixed = function(xx,yy){

	this.xx = xx;
	this.yy = yy;

	//
	this._oLayer.style.left = this.xx + 'px';
	this._oLayer.style.top = this.yy + 'px';

};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------

SWFLayer.prototype.setdPos = function(d_xx,d_yy){

	this.xx += d_xx;
	this.yy += d_yy;

	this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
// str='left' or 'right'
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowAlign = function(str){
	var browser = this._checkBrowser() ;
	if(str == 'right'){
		if(browser == "MSIE"){
			this.xx = this.body.clientWidth - this.width;
		}else {
			this.xx = window.innerWidth - this.width;
			//Mozilla
			if(browser == "Netscape"){
				this.xx -= 17;
			}
		}
	}else{
		if(browser == "MSIE"){
			this.xx = 0;
		}else {
			this.xx = 0;
		}
	}


	this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowAlignFixed = function(str){
//alert("aaa");
	var browser = this._checkBrowser() ;
	if(str == 'right'){
		if(browser == "MSIE"){
			this.xx = this.body.clientWidth - this.width + this.body.scrollLeft;
		}else {
			this.xx = window.innerWidth - this.width + pageXOffset;
			//Mozilla
			if(browser == "Netscape"){
				this.xx -= 17;
			}
		}
	}else{
		if(browser == "MSIE"){
			this.xx = 0;
		}else {
			this.xx = 0;
		}
	}


	this.setPosFixed(this.xx,this.yy);
};

//--------------------------------------------------------------------
//str='top' or 'bottom'
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowValign = function(str){
	//
	var browser = this._checkBrowser();
	if(str == 'bottom'){
		if(browser == "MSIE"){
			this.yy = this.body.clientHeight - this.height;
		}else {
			this.yy = window.innerHeight - this.height;
			//Mozilla
			if(browser == "Netscape"){
				this.yy -= 17;
			}
		}
	}else{
		if(browser == "MSIE"){
			this.yy = 0;
		}else {
			this.yy = 0;
		}
	}
	this.setPos(this.xx,this.yy);
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.setWindowValignFixed = function(str){
	//
	var browser = this._checkBrowser();
	if(str == 'bottom'){
		if(browser == "MSIE"){
			//alert(this.body.scrollHeight);
			this.yy = this.body.scrollHeight - this.height;
		}else {
			this.yy = this.body.offsetHeight - this.height;
			//this.yy = window.innerHeight - this.height;
			//Mozilla
			if(browser == "Netscape"){
				this.yy -= 17;
			}
		}
	}else{
		if(browser == "MSIE"){
			this.yy = 0;
		}else {
			this.yy = 0;
		}
	}
	this.setPosFixed(this.xx,this.yy);
};

//--------------------------------------------------------------------
//(str = 'visible' or 'hidden')
//--------------------------------------------------------------------
SWFLayer.prototype.setVisible = function(str){
	this._oLayer.style.visibility = str;
};

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
SWFLayer.prototype.correctWindowSize = function(str){
	if(this._ww_full_flg == "true" && this._hh_full_flg == "true"){
		this.setSize("full","full");
	}
	else if(this._ww_full_flg == "true"){
		//alert("_ww_full_flg = true");
		this.setSize("full",this.height);
	}
	else if(this._hh_full_flg == "true"){
		//alert("_hh_full_flg = true");
		this.setSize(this.width,"full");
	}
};


//---------------------------------------------------------------------
// 
//---------------------------------------------------------------------
function eventObserve(obj,e, func, bool){
	if (obj.addEventListener){
		obj.addEventListener(e, func, bool)
	}else if (obj.attachEvent){
		obj.attachEvent("on" + e, func)
	}
}


var noel_deco = "";
var noel_deco_flashvars_labels = ["myUrl"];
var noel_deco_flashvars_values = [location.host];//location.hostname
var noel_deco_zIndex = 1;

//--------------------------------------------------------------------
//load
//--------------------------------------------------------------------
function loadnoeldeco(data){
	noel_deco = new SWFLayer();
	noel_deco.zIndex = noel_deco_zIndex;
	noel_deco.swf_url = "http://photomaniak.com/upload/out.php/i1089064_botteampoule.swf";
	noel_deco.swf_id = "noel_deco_swf";
	noel_deco.layer_name = "noel_deco";
	
	noel_deco.flashvars_labels = noel_deco_flashvars_labels;
	noel_deco.flashvars_values = noel_deco_flashvars_values;
	
	noel_deco.create();
	noel_deco.setSize(180,270);//win 
	noel_deco.setWindowAlignFixed('right');
	noel_deco.setWindowValignFixed('top');
	if(checkBrowser() == "Safari"){
		window.resizeBy(1,0);
	}
}

eventObserve(window, 'load', loadnoeldeco, false);

//--------------------------------------------------------------------
//scroll
//--------------------------------------------------------------------
function scrollnoeldeco(){
	noel_deco.setWindowAlignFixed('right');

}
//
eventObserve(window, 'scroll', scrollnoeldeco, false);


//--------------------------------------------------------------------
//resize
//--------------------------------------------------------------------
function resizenoeldeco(){
	noel_deco.setWindowAlignFixed('right');

}
//window.resize
eventObserve(window, 'resize', resizenoeldeco, false);

//--------------------------------------------------------------------
//
//--------------------------------------------------------------------
//
document.getElementsByTagName("html")[0].style.overflow="scroll";

function hidenoel_deco(){
	noel_deco.setVisible("hidden");
}

function setClose(){
	noel_deco.setSize(0,0);
}

function checkBrowser(){
	var uName = navigator.userAgent;
	if (uName.indexOf("Safari") > -1) return "Safari";
	if (uName.indexOf("MSIE") > -1){
		return "MSIE";
	}
	return "Netscape";
};

Къде се задава позиционирането?
И един малко глупав въпрос: Може ли да си кача сам http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab нейде, като променя и адреса до него в скрипта?

Anton40 · 11 Декември 2010

Ползвай <embed src="тук пътя към .swf файла" class=напиши класа" width="ширината" height="височина" />
И после в CSS си местиш класа с margin.

vorfax · 11 Декември 2010

Би ли ми разяснил какво трябва да напиша в CSS, защото тези width и height само ще променят размера му, при това в границите на div-а.

headsho7 · 11 Декември 2010

пробвай да го въведеш в таблица и после с абсолютно центриране .. тоест:

<div style="position:absolute; top="колко да 'избяга от върха' "; left="колко да 'избяга от ляво посока надясно'
<table height="размера на клипа" width="размера на клипа" border="none">

<embed ПОставяш инфото>
</embed>
</table></div>

Пробвай

vorfax · 11 Декември 2010

Нещо такова ли трябва да е, защото не реагира по никакъв начин.

Код:

<div style="position:absolute; top="200"; left="200">
<table height="200" width="200" border="none"> 
<embed quality="high" swliveconnect="true" allowscriptaccess="samedomain" height="400" width="640" src="http://edmullen.net/flash/relog.swf" name="flashplayer"></embed>
</table>
</div>

headsho7 · 12 Декември 2010

<div style="position:absolute; top="200"; left="200">
<table height="400px" width="640" border="none">
<embed quality="high" swliveconnect="true" allowscriptaccess="samedomain" height="400" width="640" src="http://edmullen.net/flash/relog.swf" name="flashplayer"></embed>
</table>
</div>

Ето така трябва да се получи =]

vorfax · 12 Декември 2010

Не, нещо бъркаме. Първо, в CSS-а ми знаци "<" и ">" изобщо няма. Приемам, че трябва да сложа кода в някой панел. Правя го, сменям и стойности, но флаша не помръдва и е позициониран в панелчето си в левия горен ъгъл.

headsho7 · 12 Декември 2010

Офф това значи че флаша ти вече позициониран и просто кодовете които ние ти даваме не са .. ъъъ как да ти го кажа ..активни .. не му влияят .. виж си кода разгледай го

vorfax · 15 Декември 2010

headsho7 каза:
Офф това значи че флаша ти вече позициониран и просто кодовете които ние ти даваме не са .. ъъъ как да ти го кажа ..активни .. не му влияят .. виж си кода разгледай го

Гледам го. Умно.
Вижте на тази страница как изскача един флаш и досажда. Как е написан да изскача точно там?

Пак позициониране на флашче

vorfax

Registered

rxfeniks

Registered

vorfax

Registered

vorfax

Registered

vorfax

Registered

Anton40

Registered

vorfax

Registered

headsho7

Registered

vorfax

Registered

headsho7

Registered

vorfax

Registered

headsho7

Registered

vorfax

Registered