iTopPage plugin for jQuery v1.0

atlantisguru · Jan 21, 2013 · bbb8728 · bbb8728
1 parent 183c828
commit bbb8728
Show file tree

Hide file tree

Showing 8 changed files with 9,888 additions and 4 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,22 @@
+# Auto detect text files and perform LF normalization
+* text=auto
+
+# Custom for Visual Studio
+*.cs     diff=csharp
+*.sln    merge=union
+*.csproj merge=union
+*.vbproj merge=union
+*.fsproj merge=union
+*.dbproj merge=union
+
+# Standard to msysgit
+*.doc	 diff=astextplain
+*.DOC	 diff=astextplain
+*.docx diff=astextplain
+*.DOCX diff=astextplain
+*.dot  diff=astextplain
+*.DOT  diff=astextplain
+*.pdf  diff=astextplain
+*.PDF	 diff=astextplain
+*.rtf	 diff=astextplain
+*.RTF	 diff=astextplain
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,163 @@
+#################
+## Eclipse
+#################
+
+*.pydevproject
+.project
+.metadata
+bin/
+tmp/
+*.tmp
+*.bak
+*.swp
+*~.nib
+local.properties
+.classpath
+.settings/
+.loadpath
+
+# External tool builders
+.externalToolBuilders/
+
+# Locally stored "Eclipse launch configurations"
+*.launch
+
+# CDT-specific
+.cproject
+
+# PDT-specific
+.buildpath
+
+
+#################
+## Visual Studio
+#################
+
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.sln.docstates
+
+# Build results
+[Dd]ebug/
+[Rr]elease/
+*_i.c
+*_p.c
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.vspscc
+.builds
+*.dotCover
+
+## TODO: If you have NuGet Package Restore enabled, uncomment this
+#packages/
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opensdf
+*.sdf
+
+# Visual Studio profiler
+*.psess
+*.vsp
+
+# ReSharper is a .NET coding add-in
+_ReSharper*
+
+# Installshield output folder
+[Ee]xpress
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish
+
+# Others
+[Bb]in
+[Oo]bj
+sql
+TestResults
+*.Cache
+ClientBin
+stylecop.*
+~$*
+*.dbmdl
+Generated_Code #added for RIA/Silverlight projects
+
+# Backup & report files from converting an old project file to a newer
+# Visual Studio version. Backup files are not needed, because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+
+
+
+############
+## Windows
+############
+
+# Windows image file caches
+Thumbs.db
+
+# Folder config file
+Desktop.ini
+
+
+#############
+## Python
+#############
+
+*.py[co]
+
+# Packages
+*.egg
+*.egg-info
+dist
+build
+eggs
+parts
+bin
+var
+sdist
+develop-eggs
+.installed.cfg
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+
+#Translations
+*.mo
+
+#Mr Developer
+.mr.developer.cfg
+
+# Mac crap
+.DS_Store
diff --git a/README.md b/README.md
@@ -1,4 +1,47 @@
-iTopPage
-========
-
-Showing a black gradient box with a white arrow from a specified poiint, when user scrolling down to the bottom of the page.
+  <h1>iTopPage plugin for jQuery </h1>
+        <br />
+        <pre>
+ 		Name:			
+ 		Imageless "Top of the page" plugin for jQuery
+
+ 		Version:		
+ 		1.0
+
+ 		Author:
+ 		Bubori Attila
+
+ 		License:
+ 		GPLv2 (http://www.gnu.org/licenses/gpl-2.0.html)
+
+ 		Contact:
+ 		bubori.attila@gmail.com
+
+ 		Country:
+ 		Hungary
+
+ 		Released:
+ 		2013.01.21
+
+ 		Description:
+
+ 		Showing a black gradient box with a white arrow from a specified point,
+  		when user scrolling down to the bottom of the page.
+  		Parameters:
+  			startPosition: 100  	<i>//Position from top of the window (in pixels)</i>
+  			title: 'Scroll to Top'	<i>//Mouse hover title attribute text</i>
+
+		Must be use the <i>jquery.itoppage.css</i> file to format the button!
+
+ 		Usage:
+
+ 		<i>$(document).ready(function() {
+  			$(document).iTopPage();
+  		});</i>
+
+ 		<i>//or with parameters</i>
+
+ 		<i>
+  		$(document).ready(function() {
+  			$(document).iTopPage({startPosition: 100, title: "Oldal tetejére"});
+  		});
+  		</i>
diff --git a/index.html b/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>iTopPage plugin for jQuery</title>
+        <link rel="stylesheet" href="jquery.itoppage.css" type="text/css"/>
+        <script type="text/javascript" src="jquery.js"></script>
+        <script type="text/javascript" src="jquery.itoppage.js"></script>
+        <script type="text/javascript">
+        	$(document).ready(function() {
+        		$(document).iTopPage();
+        	});
+        </script>
+    </head>
+    <body>
+        <h1>iTopPage plugin for jQuery </h1>
+        <br />
+        <pre>
+ 		Name:			
+ 		Imageless "Top of the page" plugin for jQuery
+
+ 		Version:		
+ 		1.0
+
+ 		Author:
+ 		Bubori Attila
+
+ 		License:
+ 		GPLv2 (http://www.gnu.org/licenses/gpl-2.0.html)
+
+ 		Contact:
+ 		bubori.attila@gmail.com
+
+ 		Country:
+ 		Hungary
+
+ 		Released:
+ 		2013.01.21
+
+ 		Description:
+
+ 		Showing a black gradient box with a white arrow from a specified point,
+  		when user scrolling down to the bottom of the page.
+  		Parameters:
+  			startPosition: 100  	<i>//Position from top of the window (in pixels)</i>
+  			title: 'Scroll to Top'	<i>//Mouse hover title attribute text</i>
+
+		Must be use the <i>jquery.itoppage.css</i> file to format the button!
+
+ 		Usage:
+
+ 		<i>$(document).ready(function() {
+  			$(document).iTopPage();
+  		});</i>
+
+ 		<i>//or with parameters</i>
+
+ 		<i>
+  		$(document).ready(function() {
+  			$(document).iTopPage({startPosition: 100, title: "Oldal tetejére"});
+  		});
+  		</i>
+        </pre>	
+    </body>
+</html>
diff --git a/itoppage.jquery.json b/itoppage.jquery.json
@@ -0,0 +1,35 @@
+{
+  "name": "iTopPage",
+  "title": "imageless 'Top of the Page' plugin for jQuery",
+  "description": "Showing a black gradient box with a white arrow from a specified point, when user scrolling down to the bottom of the page.",
+  "keywords": [
+    "top",
+    "page",
+    "imageless",
+    "button"
+  ],
+  "version": "1.0",
+  "author": {
+    "name": "Bubori Attila",
+    "url": "https://github.com/atlantisguru/iTopPage"
+  },
+  "maintainers": [
+    {
+      "name": "Bubori Attila",
+      "email": "bubori.attila@gmail.com",
+      "url": "https://github.com/atlantisguru"
+    }
+  ],
+  "licenses": [
+    {
+      "type": "GPLv2",
+      "url": "http://www.gnu.org/licenses/gpl-2.0.html"
+    }
+  ],
+  "homepage": "https://github.com/atlantisguru/iTopPage",
+  "docs": "https://github.com/atlantisguru/iTopPage",
+  "download": "https://github.com/atlantisguru/iTopPage/archive/master.zip",
+  "dependencies": {
+    "jquery": ">=1.2"
+  }
+}
diff --git a/jquery.itoppage.css b/jquery.itoppage.css
@@ -0,0 +1,37 @@
+/* jQuery iTopPage plugin stylesheet file */
+
+#iTopPage {
+    /* Button format  */
+    position: absolute;
+    display: "table-cell";
+    opacity: 0;
+    width: 50px;
+    height: 50px;
+    z-index: 999999;
+	color: #FFFFFF;
+    background: rgb(63,63,68); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgba(63,63,68,1) 1%, rgba(37,40,39,1) 49%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(63,63,68,1)), color-stop(49%,rgba(37,40,39,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(63,63,68,1) 1%,rgba(37,40,39,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(63,63,68,1) 1%,rgba(37,40,39,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(63,63,68,1) 1%,rgba(37,40,39,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(63,63,68,1) 1%,rgba(37,40,39,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f44', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
+	background-clip: padding-box;
+    border: 4px solid rgba(255,255,255,.2);
+    border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+    box-shadow: 0 0 1px rgba(255,255,255,.8), 0 0 3px rgba(0,0,0,.8), 1px 1px 0 rgba(0,0,0,.8) inset, -1px -1px 0 rgba(0,0,0,.8) inset;
+	cursor: pointer;
+	cursor: hand;
+}
+
+#arrow {
+    /* White arrow on the button */
+    padding: 0px;
+    margin: 8px;
+    font-size: 25pt;
+	text-align: center;
+	vertical-align: middle;    
+}