Javascript-форум (https://javascript.ru/forum/)
-   Firefox/Mozilla (https://javascript.ru/forum/css-html-firefox-mizilla/)
-   -   вставить элемент скрипта в определенном месте на странице (https://javascript.ru/forum/css-html-firefox-mizilla/41637-vstavit-ehlement-skripta-v-opredelennom-meste-na-stranice.html)

disee 23.09.2013 11:39

вставить элемент скрипта в определенном месте на странице
 
Есть скрипт "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>

ww3 14.07.2015 05:40

Как закрепить 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>

join 15.07.2015 08:26

Цитата:

Сообщение от ww3 (Сообщение 379291)
Как закрепить div в правом нижнем углу?

http://jsfiddle.net/uumou4yc/

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


Часовой пояс GMT +3, время: 05:07.