Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.01.2011, 13:45
Интересующийся
Отправить личное сообщение для odlf3 Посмотреть профиль Найти все сообщения от odlf3
 
Регистрация: 10.01.2011
Сообщений: 28

Кнопка hidden content
Всем здрасьте!
Скачал шаблон для joomla и в нем есть java скрипт который показывает и скрывает определенный контент...:

var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "")

function animatedcollapse(divId, animatetime, persistexpand, initstate){
	this.divId=divId
	this.divObj=document.getElementById(divId)
	this.divObj.style.overflow="hidden"
	this.timelength=animatetime
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId)
	this.contentheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.contentheight)){
		animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
		if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes")
			this.divObj.style.visibility="hidden"
	}
	else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes")
		this.divObj.style.height=0
	if (persistexpand)
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}

animatedcollapse.prototype._getheight=function(persistexpand){
	this.contentheight=this.divObj.offsetHeight
	if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){
		this.divObj.style.height=0
		this.divObj.style.visibility="visible"
	}
	else
		this.divObj.style.height=this.contentheight+"px"
}


animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime
	var thisobj=this
	if (elapsed<this.timelength){
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
	this.divObj.style.height=distancepercent * this.contentheight +"px"
	this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
	}
	else{
		this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no"
		this.runtimer=null
	}
}


animatedcollapse.prototype.slidedown=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){
		if (isNaN(this.contentheight))
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==0){
			this.startTime=new Date().getTime()
			this._slideengine("down")
		}
	}
}

animatedcollapse.prototype.slideup=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){
		if (isNaN(this.contentheight))
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==this.contentheight){
			this.startTime=new Date().getTime()
			this._slideengine("up")
		}
	}
}

animatedcollapse.prototype.slideit=function(){
	if (isNaN(this.contentheight))
		alert("Please wait until document has fully loaded then click again")
	else if (parseInt(this.divObj.style.height)==0)
		this.slidedown()
	else if (parseInt(this.divObj.style.height)==this.contentheight)
		this.slideup()
}

animatedcollapse.curveincrement=function(percent){
	return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}


animatedcollapse.dotask=function(target, functionref, tasktype){
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
}

animatedcollapse.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i");
	if (document.cookie.match(re))
		return document.cookie.match(re)[0].split("=")[1]
	return ""
}

animatedcollapse.setCookie=function(name, value, days){
	if (typeof days!="undefined"){
		var expireDate = new Date()
		var expstring=expireDate.setDate(expireDate.getDate()+days)
		document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()
	}
	else
		document.cookie = name+"="+value
}


скрипт при раскрытии контента высчитывает высоту, но при изменение масштаба окна высота остается не изменой и контент естественно весь не входит.

Пример:
скрытый контент:
height: 0;
overflow: hidden;

открытый контент:
height: 460px;
overflow: hidden;

Вопрос:
Как сделать чтоб при раскрытии контента параметр "height" был равен "auto"?

Пример:
скрытый контент:
height: 0;
overflow: hidden;

открытый контент:
height: auto;
overflow: hidden;
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает кнопка отправки после загрузки Igor Shmigoff jQuery 2 29.12.2010 21:51
Кнопка onclick=javascript:location в новом окне Nikola Общие вопросы Javascript 7 13.11.2010 11:16
Зажимающаяся кнопка Darth Padla Элементы интерфейса 5 21.06.2010 10:01
Не работает кнопка "Назад" savagden Javascript под браузер 3 10.12.2009 20:25
помогите! 3 формы - одна кнопка. как реализовать? SandZ Events/DOM/Window 10 10.09.2009 15:52