Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zmiana z click na.... przy wykorzystaniu jquery
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
punoljoe
7.07.2012, 10:24:54
Witam Was w kolejny gorący a tym samym męczący dzień. Z racji tego, iż jestem totalnym laikiem w JS jestem zmuszony poprosić Was o pomoc w zamianie skryptu. W bloku div otwiera mi treść po kliknięciu na link, a chciałbym aby otwieranie następowało po najechaniu. Znalazłem fragment kodu, który za to odpowiada... a zamiana na onmouseover nie przynosi efektu... co dla Was pewno oczywiste. Dla mnie JS to ciągła zagadka. Pomóżcie, proszę.


prawdopodobnie odpowiada za to ten CLICK

[XML] pobierz, plaintext 
  1. config.$toc.click(function(event){ //Assign click behavior to 'toc' links
  2. 			featuredcontentglider.glide(config, this.getAttribute('pagenumber'))
  3. 			event.preventDefault()
  4. 		})
[XML] pobierz, plaintext


całość pliku .js

[XML] pobierz, plaintext 
  1.  
  2. jQuery.noConflict()
  3.  
  4. var featuredcontentglider={
  5. 	leftrightkeys: [37, 39], //keycodes to move glider back and forth 1 slide, respectively. Enter [] to disable feature.
  6. 	csszindex: 100,
  7. 	ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',
  8.  
  9. 	glide:function(config, showpage, isprev){
  10. 		var selected=parseInt(showpage)
  11. 		if (selected>=config.$contentdivs.length){ //if no content exists at this index position
  12. 			alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")
  13. 			selected=0
  14. 		}
  15. 		var $target=config.$contentdivs.eq(selected)
  16. 		//Test for toggler not being initialized yet, or user clicks on the currently selected page):
  17. 		if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){
  18. 			var $selectedlink=config.$toc.eq(selected)
  19. 			config.nextslideindex=(selected<config.$contentdivs.length-1)? selected+1 : 0
  20. 			config.prevslideindex=(selected==0)? config.$contentdivs.length-1 : selected-1
  21. 			config.$next.attr('loadpage', config.nextslideindex+"pg") //store slide index to go to when "next" link is clicked on
  22. 			config.$prev.attr('loadpage', config.prevslideindex+'pg')
  23. 			var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint
  24. 			$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++) //hide content so it's just out of view before animating it
  25. 			var endpoint=(config.leftortop=="left")? {left:0} : {top:0} //animate it into view
  26. 			$target.animate(endpoint, config.speed)
  27. 			config.$toc.removeClass('selected')
  28. 			$selectedlink.addClass('selected')
  29. 			config.$togglerdiv.attr('lastselected', selected+'pg')
  30. 		}
  31. 	},
  33. 	getremotecontent:function($, config){
  34. 		config.$glider.html(this.ajaxloadingmsg)
  35. 		$.ajax({
  36. 			url: config.remotecontent,
  37. 			error:function(ajaxrequest){
  38. 				config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)
  39. 			},
  40. 			success:function(content){
  41. 				config.$glider.html(content)
  42. 				featuredcontentglider.setuptoggler($, config)
  43. 			}
  44. 		})
  45. 	},
  46.  
  47. 	aligncontents:function($, config){
  48. 		config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)
  49. 		config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:
  50. 	},
  51.  
  52. 	setuptoggler:function($, config){
  53. 		this.aligncontents($, config)
  54. 		config.$togglerdiv.hide()
  55. 		config.$toc.each(function(index){
  56. 				$(this).attr('pagenumber', index+'pg')
  57. 				if (index > (config.$contentdivs.length-1))
  58. 					$(this).css({display: 'none'}) //hide redundant "toc" links
  59. 		})
  60. 		var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")
  61. 		$nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links
  62. 			featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))
  63. 			event.preventDefault() //cancel default link action
  64. 		})
  65. 		config.$toc.click(function(event){ //Assign click behavior to 'toc' links
  66. 			featuredcontentglider.glide(config, this.getAttribute('pagenumber'))
  67. 			event.preventDefault()
  68. 		})
  69. 		config.$togglerdiv.fadeIn(1000, function(){
  70. 			featuredcontentglider.glide(config, config.selected)
  71. 			if (config.autorotate==true){ //auto rotate contents?
  72. 				config.stepcount=0 //set steps taken
  73. 				config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)
  74. 				featuredcontentglider.autorotate(config)
  75. 			}
  76. 		})
  77. 		config.$togglerdiv.click(function(){
  78. 			featuredcontentglider.cancelautorotate(config.togglerid)
  79. 		})
  80. 		if (this.leftrightkeys.length==2){
  81. 			$(document).bind('keydown', function(e){
  82. 				featuredcontentglider.keyboardnav(config, e.keyCode)
  83. 			})
  84. 		}
  85. 	},
  86.  
  87. 	autorotate:function(config){
  88. 		var rotatespeed=config.speed+config.autorotateconfig[0]
  89. 		window[config.togglerid+"timer"]=setInterval(function(){
  90. 			if (config.totalsteps>0 && config.stepcount>=config.totalsteps){
  91. 				clearInterval(window[config.togglerid+"timer"])
  92. 			}
  93. 			else{
  94. 				featuredcontentglider.glide(config, config.nextslideindex, "next")
  95. 				config.stepcount++
  96. 			}
  97. 		}, rotatespeed)
  98. 	},
  99.  
  100. 	cancelautorotate:function(togglerid){
  101. 		if (window[togglerid+"timer"])
  102. 			clearInterval(window[togglerid+"timer"])
  103. 	},
  104.  
  105. 	keyboardnav:function(config, keycode){
  106. 		if (keycode==this.leftrightkeys[0])
  107. 			featuredcontentglider.glide(config, config.prevslideindex, "previous")
  108. 		else if (keycode==this.leftrightkeys[1])
  109. 			featuredcontentglider.glide(config, config.nextslideindex, "next")
  110. 		if (keycode==this.leftrightkeys[0] || keycode==this.leftrightkeys[1])
  111. 			featuredcontentglider.cancelautorotate(config.togglerid)
  112. 	},
  113.  
  114. 	getCookie:function(Name){ 
  115. 		var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair
  116. 		if (document.cookie.match(re)) //if cookie found
  117. 			return document.cookie.match(re)[0].split("=")[1] //return its value
  118. 		return null
  119. 	},
  120.  
  121. 	setCookie:function(name, value){
  122. 		document.cookie = name+"="+value
  123. 	},
  124.  
  125. 	init:function(config){
  126. 		jQuery(document).ready(function($){
  127. 			config.$glider=$("#"+config.gliderid)
  128. 			config.$togglerdiv=$("#"+config.togglerid)
  129. 			config.$toc=config.$togglerdiv.find('.toc')
  130. 			config.$next=config.$togglerdiv.find('.next')
  131. 			config.$prev=config.$togglerdiv.find('.prev')
  132. 			config.$prev.attr('buttontype', 'previous')
  133. 			var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected
  134. 			config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string	
  135. 			config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"
  136. 			config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"
  137. 			config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"
  138. 			if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)
  139. 				featuredcontentglider.getremotecontent($, config)
  140. 			else
  141. 				featuredcontentglider.setuptoggler($, config)
  142. 			$(window).bind('unload', function(){ //clean up and persist
  143. 				config.$togglerdiv.unbind('click')
  144. 				config.$toc.unbind('click')
  145. 				config.$next.unbind('click')
  146. 				config.$prev.unbind('click')
  147. 				if (config.persiststate)
  148. 					featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))
  149. 				config=null
  150.  
  151. 			})
  152. 		})
  153. 	}
  154. }
  155.  
[XML] pobierz, plaintext




konrados
8.07.2012, 16:10:09
To jest jquery a tam jest funk. mouseover a nie onmouseover.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.