Gigya Job Openings

Page History

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<body>
<div id="runningCodeExample" style="border: 1px solid skyblue; padding: 15px; width: 400px; display: block; height: auto;">
	<h3 >Choose your reaction - click on one of the buttons below</h3>
	<h4 >Text/Icon Buttons Reactions:</h4>
	<DIV id="textReactionsDiv"></DIV> <!-- Reactions Plugin DIV Container -->
	</br></br>
	<h4 >Icon Only Reactions:</h4>
	<DIV id="iconReactionsDiv"></DIV> <!-- Reactions Plugin DIV Container -->
	<br /><br /><br /><br />
	<h4 >Status:</h4>
	<div id="status"></div>
	<script language="javascript">
		// Textual reactions 
		var textReactions=[
		{
			text: 'Inspiring',
			ID: 'inspiring',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Inspiring_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Inspiring_Icon_Down.png',
			tooltip:'This item is inspiring',
			feedMessage: 'Inspiring!',
			headerText:'Your reaction to this post is \'Inspiring\''
		}
		,{
			text: 'Innovative',
			ID: 'innovative',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Innovative_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Innovative_Icon_Down.png',
			tooltip:'This item is innovative',
			feedMessage: 'This is innovative',
			headerText:'Your reaction to this post is \'Innovative\''
		}
		,{
			text: 'LOL',
			ID: 'lol',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/LOL_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/LOL_Icon_Down.png',
			tooltip:'This made me LOL',
			feedMessage: 'LOL!',
			headerText:'Your reaction to this post is \'LOL\''
		}
		,{
			text: 'Amazing',
			ID: 'amazing',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Amazing_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Amazing_Icon_Down.png',
			tooltip:'This item is amazing',
			feedMessage: 'This is amazing!',
			headerText:'Your reaction to this post is \'Amazing\''
		}
		,{
			text: 'Geeky',
			ID: 'geeky',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Geeky_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Geeky_Icon_Down.png',
			tooltip:'This item is geeky',
			feedMessage: 'This is geeky!',
			headerText:'Your reaction to this post is \'Geeky\''
		}
		];
		
		// Icon  only reactions 
		var iconReactions=[
		{
			ID: 'inspiring',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Inspiring_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Inspiring_Icon_Down.png',
			tooltip:'This item is inspiring',
			feedMessage: 'Inspiring!',
			headerText:'Your reaction to this post is \'Inspiring\''
		}
		,{
			ID: 'innovative',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Innovative_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Innovative_Icon_Down.png',
			tooltip:'This item is innovative',
			feedMessage: 'This is innovative',
			headerText:'Your reaction to this post is \'Innovative\''
		}
		,{
			ID: 'lol',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/LOL_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/LOL_Icon_Down.png',
			tooltip:'This made me LOL',
			feedMessage: 'LOL!',
			headerText:'Your reaction to this post is \'LOL\''
		}
		,{
			ID: 'amazing',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Amazing_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Amazing_Icon_Down.png',
			tooltip:'This item is amazing',
			feedMessage: 'This is amazing!',
			headerText:'Your reaction to this post is \'Amazing\''
		}
		,{
			ID: 'geeky',
			iconImgUp:'https://cdns.gigya.com/gs/i/reactions/icons/Geeky_Icon_Up.png',
			iconImgOver:'https://cdns.gigya.com/gs/i/reactions/icons/Geeky_Icon_Down.png',
			tooltip:'This item is geeky',
			feedMessage: 'This is geeky!',
			headerText:'Your reaction to this post is \'Geeky\''
		}
		];
	   
		var defaultUserAction={
			linkBack:'https://demogigyademo.gigya.com', 
			title:'This is the post title'
		};
		
		var textReactionsParams ={ 
			barID: 'myID',
			containerID:'textReactionsDiv',
			reactions:textReactions,
			//headerText:'You have reacted on this post',
			disabledProviders:'facebook',
			bodyText:'Share it on your favorite social networks:',
			userAction:defaultUserAction,
			showCounts:'top',
			onSendDone:function(a){document.getElementById('status').innerHTML = "Reaction Published!";},
			onError:function(a){alert('error!')},
			onReactionClicked :function(a){document.getElementById('status').innerHTML = "Reaction Clicked!";}
		};
		
		// Reactions Plugin 1 with textual buttons: 
		gigya.socialize.showReactionsBarUI(textReactionsParams);
		var iconReactionsParams ={ 
			//showAlwaysShare:'unchecked',
			barID: 'myID',
			containerID:'iconReactionsDiv',
			reactions:iconReactions,
			//headerText:'You have reacted on this post',
			disabledProviders:'facebook',
			bodyText:'Share it on your favorite social networks:',
			cid: '',
			userAction:defaultUserAction,
			buttonImages:{},  // override the button images, so only the icons will show
			onSendDone:function(a){document.getElementById('status').innerHTML = "Reaction Published!";},
			onError:function(a){alert('error!')},
			onReactionClicked :function(a){document.getElementById('status').innerHTML = "Reaction Clicked!";}
		};
		
		// Reactions Plugin 2 with icon buttons: 
		gigya.socialize.showReactionsBarUI(iconReactionsParams);
	</script> 
</div>

...