begin process at 2012 05 29 14:28:58
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Autre Framework

 > 

Jquery et bouton bottom


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Jquery et bouton bottom

vendredi 13 novembre 2009 à 12:13:02 | Jquery et bouton bottom

mario520

Bonjour à vous,
étant plutôt novice dans le domaine j'ai mis un bouton "back to top" sur mon site celui ci fonctionne parfaitement.

J'aimerai faire la même chose mais pour le faire aller en bas donc #bottom
Mais je ne comprend pas du tout comment modifier le script pour qu'il face ça ...
Pourriez vous m'aidez s'il vous plait ?

voici le script en question (qui utilise Jquery):

Code Java :
//** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09')
//** v1.1 (April 7th, 09'):
//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
//** 2) Fixes scroll animation not working in Opera. 


var scrolltobottom={
	//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
	//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
	setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
	controlHTML: '<img src="http://www.mon5800.com/images/down.png" style="width:50px; height:50px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
	controlattrs: {offsetx:5, offsety:5}, //offset of control relative to left/ bottom of window corner
	anchorkeyword: '#bottom', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

	state: {isvisible:false, shouldvisible:false},

	scrollup:function(){
		if (!this.cssfixedsupport) //if control is positioned using JavaScript
			this.$control.css({opacity:0}) //hide control immediately after clicking it
		var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
		if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
			dest=jQuery('#'+dest).offset().top
		else
			dest=0
		this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
	},

	keepfixed:function(){
		var $window=jQuery(window)
		var controlx=$window.scrollleft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
		var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
		this.$control.css({left:controlx+'px', top:controly+'px'})
	},

	togglecontrol:function(){
		var scrolltop=jQuery(window).scrollTop()
		if (!this.cssfixedsupport)
			this.keepfixed()
		this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
		if (this.state.shouldvisible && !this.state.isvisible){
			this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
			this.state.isvisible=true
		}
		else if (this.state.shouldvisible==false && this.state.isvisible){
			this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
			this.state.isvisible=false
		}
	},
	
	init:function(){
		jQuery(document).ready(function($){
			var mainobj=scrolltobottom
			var iebrws=document.all
			mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
			mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
			mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
				.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, left:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
				.attr({title:'Scroll Back to Top'})
				.click(function(){mainobj.scrollup(); return false})
				.appendTo('body')
			if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
				mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
			mainobj.togglecontrol()
			$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
				mainobj.scrollup()
				return false
			})
			$(window).bind('scroll resize', function(e){
				mainobj.togglecontrol()
			})
		})
	}
}

scrolltobottom.init()



Pour le code original qui fonctione en "Back to top" c'est ici : http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

Merci pour votre lecture.
vendredi 13 novembre 2009 à 12:42:58 | Re : Jquery et bouton bottom

DARKSIDIOUS

Membre Club Administrateur CodeS-SourceS
Salut,

Attention de ne pas confondre java et javaSCRIPT : ce sont deux langages très différents !

Je déplace vers le forum de javascript.
______________________________________
DarK Sidious
vendredi 13 novembre 2009 à 13:04:06 | Re : Jquery et bouton bottom

mario520

oops toutes mes excuses


Cette discussion est classée dans : control, to, window, jquery, mainobj


Répondre à ce message

Sujets en rapport avec ce message

JQuery / JQuery lightBox Plugin : icône de chargement toujours affichée ??? [ par ABDev ] Bonjour, Pour le développement de mon prochain site, j'ai décidé d'utiliser, pour l'affichage des photographies des utilisateurs, [url=http://leandrov Récupérer clé table symfony -> jquery ui [ par Solid175 ] Bonjour à tous ,ayant réussi à produire une requête valable sous symfony ( en Doctrine dans une page action_class.php) , je souhaite récupérer ces don Récupération données jquery multiselect [ par Solid175 ] Bonjour à tous , j'ai posté un topic hier dans la section " autre framework car je travaille sous symfony . Je reposte ici car si ja'i bien compris , jQuery + onsubmit d'un formulaire [ par harmonyk ] Bonjour à tous, Je me met doucement à jQuery, j'avoue avoir du mal. Actuellement je tente d'afficher un petit formulaire (dans une lightbox) du type p Lancer une fonction sans appuie de bouton [ par pierrotm777 ] Bonjour, Je suis nouveau quant à l'utilisation de Java et ne suis pas certain d'utiliser le bon titre de 'thème' mais bon. J'ai récupéré une page htm Jquery - scroll page avec ecran tactile [ par tious82 ] Bonjour, Je developpe en ce moment un intranet en php qui sera utilisé sur certains postes via un écran tactile. J'aimerais pouvoir déplacer la page Galerie JQUERY à plusieurs niveaux. [ par Raiju72 ] Bonsoir à tous, voila je suis en train de réaliser mon portfolio, et je cherche désespérément une galerie Jquery à plusieurs niveau, en gros je souhai JQuery SWF Upload [ par ConceptinterWEB ] Bonjour à tous, Je ne sais pas si vous connaissez JQuery SWFUpload. Cet outil permet d'envoyer plusieurs fichiers selon la quantité que nous avons d probleme avec window.print() [ par mitali ] J'éssay d'imprimer une page ou ya un tableau qui doit étre imprimer normalent sur trois pages,mais sur firefox ,l'impression s'achève juste au niveau adapter JQUERY avec mon menu [ par ju0123456789 ] Bonjour, J'ai un menu deroulant horizontal, et je voudrais savoir comment puis-je rendre l'apparation/disparition des sous elements du menu en fondu


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,874 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales