Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2013, 12:39
Новичок на форуме
Отправить личное сообщение для disee Посмотреть профиль Найти все сообщения от disee
 
Регистрация: 17.09.2013
Сообщений: 2

вставить элемент скрипта в определенном месте на странице
Есть скрипт "back to top". Код по умолчанию создает div в конце body. Я хочу, что бы стрелка "вверх" появлялась в определенном блоке, в его нижнем правом углу. Как это осуществить? Читал, что как-то через команду inject можно это сделать, но в учебнике привязки были только к переменным в скрипте. вот код:
<script type="text/javascript">
window.addEvent('load', function() {
				new JCaption('img.caption');
			});

			// Add the controlbar
			if(typeof hs !== "undefined") {
				hs.addSlideshow({
					slideshowGroup: "73",
					interval: 5000,
					repeat: false,
					useControls: true,
					fixedControls: "fit",
					overlayOptions: {
						opacity: .75,
						position: "bottom center",
						hideOnMouseOut: true
					}
				});
			}
		
// Fade our <div> tag to 0 or 'num'
function fade_me(num){
	var smoothtop=document.id('smoothtop');
	if(smoothtop){smoothtop.fade(window.getScrollTop()<300?0:num);}
}
window.addEvent('domready',function(){
	// Create Fx.Scroll object
	var scroll=new Fx.Scroll(window,{
		'duration':	500,
		'transition':	Fx.Transitions.Expo.easeInOut,
		'wait':		false
	});
	// Create an <div> tag for SmoothTop
	var smoothtop=new Element('div',{
		'id':		'smoothtop',
		'class':	'smoothtop',
		'style':	'position:fixed; display:block; visibility:visible; zoom:1; opacity:0; cursor:pointer; right:5px; bottom:5px;',
		'title':	'',
		'html':		'',
		'events':{
			// No transparent when hover
			mouseover: function(){fade_me(1);},
			// Transparent when no hover
			mouseout: function(){fade_me(0.7);},
			// Scroll Up on click
			click: function(){scroll.toTop();}
		}
	// Inject our <div> tag into the document body
	}).inject(document.body);
	// Gottta do this for stupid IE
	document.id('smoothtop').setStyle('opacity','0');
});
// Show/Hide our <div> tag
window.addEvent('scroll',function(){fade_me(0.7);});
		window.addEvent('domready', function() {

			SqueezeBox.initialize({});
			SqueezeBox.assign($$('a.modal'), {
				parse: 'rel'
			});
		});
try {$Gavick;}catch(e){$Gavick = {};};$Gavick["gkIs-gk-is-126"] = { "anim_speed": 500, "anim_interval": 5000, "autoanim": 1, "anim_type": "opacity", "slide_links": 1 };
  </script>
Ответить с цитированием
  #2 (permalink)  
Старый 14.07.2015, 05:40
ww3 ww3 вне форума
Интересующийся
Отправить личное сообщение для ww3 Посмотреть профиль Найти все сообщения от ww3
 
Регистрация: 03.03.2014
Сообщений: 20

Как закрепить div в правом нижнем углу?
Неочень понимаю как это сделоть отдельно для картинки с <style>
или как это прописать в <a style=" ???
или вот эти два div'а бросить в правый нижний угол ? вобщето надо вот ти два ..

<div id='headertwitt' >
      <a style="border:0px;" href="http://twitter.com/****" target="_blank" rel="nofollow"><img class="leftpix colorbox-manual" title="Перейти на страничку блога в Twitter" src="http://twtt.ru/wp-content/themes/original-twtt/images/twitter.png" alt="Официальный аккаунт блога &quot;Твой Твиттер&quot; в Twitter" width="33" height="33">
      </a>
  </div>

<div id='headerface' >
    <a style="border:0px;" href="https://www.facebook.com/****" target="_blank" rel="nofollow"><img class="leftpix colorbox-manual" title="Перейти на страничку блога в Facebook" src="http://twtt.ru/wp-content/themes/original-twtt/images/facebook.png" alt="Официальная страничка блога &quot;Твой Твиттер&quot; в Facebook" width="33" height="33">
    </a>
  </div>

Последний раз редактировалось ww3, 14.07.2015 в 05:46.
Ответить с цитированием
  #3 (permalink)  
Старый 15.07.2015, 08:26
Аватар для join
Профессор
Отправить личное сообщение для join Посмотреть профиль Найти все сообщения от join
 
Регистрация: 05.03.2012
Сообщений: 477

Сообщение от ww3 Посмотреть сообщение
Как закрепить div в правом нижнем углу?
http://jsfiddle.net/uumou4yc/

результат в правом нижнем окне: Result
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Принудительное завершение скрипта в любом месте. Maxfashko Общие вопросы Javascript 4 22.12.2012 14:13
Как при прокрутке страницы оставлять элемент на месте? FRIE jQuery 1 02.08.2012 20:54
Не работают два JS скрипта вместе на одной странице 5art@mail.ru Events/DOM/Window 44 15.07.2012 18:51
вывести текст на месте вызова скрипта yadino Общие вопросы Javascript 29 25.06.2010 10:33
Помогите чайнику. Два одинаковых скрипта на странице. VASH132 Общие вопросы Javascript 6 28.01.2010 15:42