29 comments found.
Can you send me a better demo page? One that has multiple reactions, like your demo on codecanyon? Also can you provide all the parameters for the reactions? How do a configure it to allow multiple responses like in your demo online?
It’s a really cool script! The fact you can take multiple reactions, with audio is really nice! There’s a lot of potential with this.
Thanks
Hi. Thanks for your compliments!
You know, actually I can do better. I’ve been busy revamping this script completely lately and I’m almost 90% done already. If that’s ok with you, I can let you know when it’s finished.
But if the things you want to learn are urgent, of course I can help. I am waiting for your answer. Thank you for your support.
Sounds good! Good luck with the update or however you decide to release it. I’ll be the first customer. Thanks for responding.
Does this work on vueJs Laravel? I need custom solution.
Vue.js can’t run this plugin as it requires jQuery.
I have an HTML site that is just in a folder on our internal server but dose not have a phpMyAdmin. I’ve been trying but have ad no luck. is there any way I can us this feature?
Hello.
The plugin needs data to work. Servers using databases provide this data. Although this server runs locally, the plugin can connect there and receive data as long as it has an accessible address. It does not need to be connected to the Internet.
phpmyadmin is also not required. There are other ways to create the necessary tables in the database.
In any case, you must have access to the database and the server must be able to run php.
Does and how your plugin works with joomla?
Yes it does. The plugin has its own php library. You have to upload this to the server. There is a sql script to create the tables needed by the plugin in the MySQL database. You should be able to execute this on your server. Finally, you need to make the necessary connection settings in the config file in the php library of the plugin. Now you can place the necessary html codes where you want to show the plugin. Just put the object type name (message, product, post, etc.) as string and ID number in the html. You should be able to reach those infos somehow.
Long story short, all operations have to be done manually. There is no joomla extension package available for this plugin.
How much is custom work for do it? You can reply me privately on videohorse@gmail.com
E-mail sent.
Can i have support for installation? The plugin doesn’t work at the moment. I’ve already sent an email. Thanks
Yes of course. I responded to your request with e-mail just now. Thanks for purchasing.
I am confused by the documentation, and I cannot get this to work inside my php website. Do you have a demo somewhere with the actual code placed?
Hello!
You can try reactable\native-php-sdk\Reactable\demo.php
I’ve got to where I can choose a reaction, but I cannot seem to get it to save to my database.
Do you offer installation?
Thanks.
Thank you! 
Email sent.
Hi!
1. Which folder should I upload to the server? 2. what files should be included in the header and what code should be included in the body where you need to output the script?
P.S. Make simple documentation to make it clear to everyone!
Thanks
Hi I have noticed and will help as soon as possible. Sorry for delaying.
1. you have need to these files; reactable\asset\js\reactable-1.6.0.min.js reactable\asset\css\reactable.css reactable\asset\img\reactable-icons.png reactable\asset\sound\cork-effect.mp3 reactable\asset\sound\plup-effect.mp3 for php side eactable\native-php-sdk\Reactable you can upload the Reactable folder
2. in the header you have to include; reactable-1.6.0.min.js reactable.css
3. <div href="#" class="reactable" data-toggle="reactable" data-id="ID-1" data-value="angry" data-service-uri="Reactable/action.php" data-update="yes" data-volume="100" data-mobile-direction="left" data-sound="asset/sound/plup-effect.mp3">
<div class="summary" />
<span class="feelings" />
<a href="Reactable/action?id=ID-1&reaction=like&subject-type=null" class="label">Like</a>
</div>
I would like to remind you that you need to complete the MySQL setup. SQL files are available in the plugin. If you don’t know how to do it, I can help with that too.
If you run into problems I can continue to help. My e-mail address is in the documentation. You can email me directly.
Thank you.
Hi The script does not work properly… Make a demo with the output of the script. So that you can copy the code from there and paste it on your site! Make the documentation easier… not clearly! Incorrect display on the mobile phone! Thank you
Hello again.
Does it worked or not i’m confused. I can apply it on your system for free if you want. You can directly email me ismaillceylan@gmail.com
(btw i’m working on a better documentation)
Seller sells garbage software. Not properly made. Trash. Don’t buy it.
Thank you.
Hi Ismail,
this is absolutely an amazing piece of work. Well done!
I have a few questions for you: 1. How to customise what reactions are available, e.g. I want to have just love and line? 2. When a user reacts to a message how to update the counter? In our implementation a user likes a comment, your control posts data to our server and we store that in the database. But we want that like to be real time visible to all other people on the same page. For real time messaging we use pusher.com. Basically what I’m asking is how to programatically mark that XYZ user has liked an element with id=25
3. How to on page load pre set that XYZ user has liked an element with id=25
Thanks!
Hi James, thank you.
Customization
To change the reaction types in the plugin you should open the file reactable/assets/js/reactable-1.6.0.js and edit the lines in the following image.Plugin’ Workflow
- Dozens of Reactable plugins can run on a page.
- The page loads.
- Reactable is activated.
- The plug-in is installed on all items.
- No item has previous statistics.
- The plugin collects the ID numbers of all items on the page.
- These ID numbers are sent to the server collectively with the user session information.
- The server only collects statistics with the ID number requested from it.
- If the user who sent the request has already reacted, this information is added to the items.
- Finally the collected information is sent back to the plugin.
- The plugin distributes these statistics to related items on the page.
- The plugin goes back to step 6 every 5 seconds.
Thank you, is it possible to have a refresh of the number on push not on the pull.
Ideally, I do not want for plugin to ping the server I want to update numbers manually (we want to call the server)
Also when the page refreshes is it possible to pre-set numbers or reactions?
And also how to mark that a user has alrady reacted?
thank you
Yes, you can add the previous number of reactions to the items while creating the page. Just write this information in html. Native PHP sdk has helpful tools for this. There is an example of this in the file reactable/native-php-sdk/Reactable/demo.php. And of course you have to disable plugin’ update abilitiy by providing false for update property in this method. (like “update” => false )
But with that plugin won’t update item at all. You can’t update it’s numbers manually.
So yes you can pre-set reaction numbers with native sdk. With that you don’t have to worry about querying the database and preparing valid html markup. SDK will handle this for you.
This plugin’ php side doesn’t touch your users. It’s only keep a user_id in the its own database tables. That means many-to-one relation. You can query this relation with your own sql queries to get which user has reacted to which item.
thank you 2 more questions:
1. Let me clarify my question, we know in our database that user XYZ liked post with ID, how to display that on the page refresh, how to pre set in HTML on page load that the user has liked post (what to put in HTML?)
2. So it is not possible to amend number of likes via code? To simplify imagine I have the plugin attached to an image, and there is a button below, I want on click on that button to raise number of like on the image, is this possible?
<div href="#" class="reactable" data-toggle="reactable" data-choice="love" data-id="ID-1" data-value="angry" data-service-uri="Reactable/action.php" data-update="yes" data-volume="100" data-mobile-direction="left" data-sound="asset/sound/plup-effect.mp3">
<div class="summary" />
<span class="feelings" />
<a href="reactable/action?id=ID-1&reaction=like&subject-type=null" class="label">Like</a>
</div>
2. Yes, the plugin works like this. Suppose you turned off automatic updating. Still, when the button is clicked, a request goes to the server. The reaction is recorded. The current reaction statistics are sent back to the client. The plugin reflects these statistics to the interface. The button view is updated as reacted. Since automatic updating is turned off, updated information cannot be seen unless the button is clicked. But the button still works.
1. Amazing this is exactly what I was looking for, thank you.
2. I think we still have a misunderstanding here, imagine a Facebook post with 30 comments, and each comment has your plugin attached to.
there are 50 people on the page, if someone posts a new comment all other users will get that comment using pusher.com service we use (basically each our page has a listener, we broadcast information that a new comment is posted, all 50 clients catch that information and using JS on the client we insert a new message to the page). We will use the same way of broadcasting reactions, so on the server, we will know that comment with id 123 has a new reaction, we will store that in the database and push it to all clients, what I’m looking for is JS way of updating the counter, something like
var item = $( '#item-1' ).reactable( 'id-1' );
item.feelings.angry=5
item.choice="angry" <- to set that user has select angry
Yes, and item.intro() will re-draw the interface.
Amazing, thank you! Will have a go and let you know if I have any other question
Cheers
You’re welcome. Yes, please let me know. Good luck!
Hi Ismail
We need your help again. We have the page finally up and running, storing votes…
On page refresh, we render the page (so we preload data on the server)
I think the image shows the best
https://www.dropbox.com/s/q71fkvlw58j36tf/example.png?dl=0As you can see for the first comment we have one vote Love, but the plugin shows 11?
The second one has 2 votes Love (1) and Upset (1) but the plugin shows 12? Also when I hover on the number either 11 or 12 it doesn’t show to summary popup
I guess we are missing something here
Can you please advise? thank you
The first letters of the reaction names are capital. That might be a problem. Before running some test on my setup i want to say it.
Did you used html markup and javascript for initializing the plugin together? If so that might be another problem.
A good catch, here it is how it looks like with lowercase
https://www.dropbox.com/s/fzibyxg4t7o74um/untitled2.png?dl=0Now I have numbers but still wrong one, not sure from where it’s picking up just HTML markup. this is the only line of code where we call
<script src=”/js/reactable/reactable-1.6.0.js”></script>
Worth mentioning we have about 100 of:
Also on more question is it possible to have different action to server when user removes a reaction (de like a comment) or changes from one reaction to another (e.g. like to love)
My message was cut off, we have about 100 of
<span data-toggle="reactable" class="reactable" id="chat-58681" /> but each span has a unique id
Is there any 8 times reacted item exists on your system ever?
No, here it is from the database Reactions PostId 1 58445 1 58447 1 58561 1 58563 2 58596 1 58674 1 58676 1 58677 2 58678 3 58681
This could be a problem with Pusher. Speaking more specifically, maybe it’s about caching (browser etc.) I have run out of options that I can offer.
Let me at least answer your other question. Yes, you can send a request to an address that changes according to the reaction. To do this, find the method named ping in the core code (reactable.1.6.0.js). This method always works every time an icon is clicked. Each time, the http method to be used is calculated here. You can write a function that takes the http method and generates a page address accordingly.
Hm, I do not think it’s the pusher.
I have created an isolated page for you, a simple HTML page, just your plugin and a bit of our code, can you please have a look https://www.dropbox.com/s/l0zeq1k0fw7kusp/demo.zip?dl=0If you search for a comment “James was here” you will see it has only Love:1 but it shows 11
can you please advise?
thank you a million
You forget these numbers there. 84,85-86-87 These lines must be zero.
Ah I see, thank you!
No problem. If you have any other problems, please feel free to contact. Good luck.
A new day and a new question
We really struggle with a user changing reaction (e.g from love to Haha), is it possible when data-choice is populated to disable the pop up which shows up when a user hovers over summary icons?
Hello.
You can replace that function to this
this.onFeelingsMouseover = function()
{
$( root ).trigger( 'feelingsHover' );
if( ! this.choice )
root.showAllFeelingsSummary();
}
With that you can disable opaque black backgrounded reaction summary popup for reacted users.
If you want to disable main reactions popup, replace line 298 to
if( root.isOpen || this.choice )
I think these codes are gonna disable the popups.
It doesn’t show up summary and feelings, any idea why?
Well, that might be because of Pusher. Plugin needs total reaction statistics when the “intro” method executed. If Pusher doesn’t send anything back, the plugin won’t have anything to draw.
When you refresh the page does those stuff shows up?
yes it does, what actually our post method should pass back in order to have the plugin correctly re drown?
You firstly open that page https://biliyon.net/reactable/ and give one of them a reaction.
After that open that url in your browser https://biliyon.net/reactable/Reactable/feeder.php?items=ID-12%3A0%2CID-1%3A0%2CID-2%3A0&types=null this page.
And ofcourse your server have to handle that items=item-ID:{TypeIndex},item-ID:{TypeIndex}&types=type1,type2 query mechanism. As you know type and ID values are in the reactions table.
Your server should return this syntax somehow.
Ismail your plugin is amazing, I’ve digged in and it so well documented, I’m really, really impressed. We’ve managed to modified to our needs and it works great!
thank you so much on all your assistance.
For sure the last question
If I want to interact with the reactable object outside of your source file, how to do that?
If we have a span like this<span data-toggle="reactable" class="reactable" id="chat-58678" data-id="58678" data-value="like" data-method="auto" data-service-uri="/pusher/9435/PushReaction" data-mobile-direction="left" />
var item = $( ’#chat-58678’).reactable(); instances the object from scratch and it basically looses all the votes and the selection.
Is it possible to get the current instance of the object and do something likeitem.options.feelings.like += 1;
Thank you so much. Actually, it could have been a little more practical. You cannot understand without using it either. Anyways.
It’s not really a problem. For the first time, I have a client who asks challenging questions. Please don’t feel uncomfortable about that.
You can add a code piece in the core side. With that you can export real instance from it to the global scope.
window[ "reactable-" + item ] = this;
Place this code in the 30rd line of the reactable.js file. Now you can access suitable instance like that; “window[ “reactable-58678” ].options…” from anywhere.
and don’t forget call the “intro” method after changes because of these properties are not reactive unfortunately.
Cheers Ismail
We have all the blocks in the place , the final question how to dynamically instance a reactions object from HTML
we have a fully rendered page, a user posts a comment and via AJAX we get back from the server a box with HTML of the comment (photo, name, text and reaction span
<span data-toggle="reactable" class="reactable" id="chat-58716" data-id="58716" data-service-uri="/pusher/123/PushReaction">
<div class="summary" />
<span class="feelings" />
<a href="#" class="label chat-actions">Like</a>
</span>
What we need to call in order to get this newly added span converted to a reaction object (basically the same thing you do on page load, just here to a specific element). Ideally i would like for pluggin to parse the whole HTML as we can have up to 250 comments on the page
thanks mate
Hi.
You can select new span blocks with jquery and call reactable method on it.
$( "new span" ).reactable( ...options );
or if you need plugin’s instances to work with them later;
let newItem = new Reactable(
{
target: $( "new span" ),
...
})
In the first example, the plugin is installed on multiple blocks at once. In the second example, you have to initialize plugin on the blocks one by one.
I need this work, before buying I would like to know if I can implement it in Blogger without problems
Hi! This plugin requires a database. I don’t know if Blogger supports database access. Blogger should also allow adding scripts and injecting html coding. Since I don’t know about blogger, I can’t help any more. You have to take this risk yourself.
Can you please provide support for trying to get the plugin to work with Codeigniter? What version of codeigniter should we be using? what are the codeigniter endpoints for updating or pinging? there is a real lack of documentation for that part of the plugin.
Hello. I’d like to help.
Since this product is javascript based, I gave only information about the javascript part in the document. There is no documentation about PHP and CodeIgniter.
CodeIgniter codes are compatible with all versions.
The address you need to ping while working with CodeIgniter is your-main-codeigniter-path/react/ping. This address provides all the server-based functionality required by the plugin (update, delete, post). You can use this adress pattern in your plugin initializations as serviceUri
If you want the plugin update itself with eager loading just add this code to the body tag in your pages.
<body data-reactable-delay="8000" data-reactable-uri="your-code-igniter-path/react/batchping" data-reactable-immediate="yes">
Let me know if your problem persists. I can continue to help.
is there a way i can email you directly? i am getting strange codeigniter errors and it is easier to email
Of course. My e-mail address is in the box at the top left of the document.
can you help me make a sql/php query to save the reactions to database?
Hello again. I contacted you two months ago for help, but i didn’t get any answers from you. Anyway, the plugin already has the ability to do what you ask. You need to place the codes in the appropriate places. If you want me to do this, I need ftp access infos for your website or give me the source code files and I’ll put the necessary code in this file and give it back to you. You can email me in both scenarios.
Hello majisoka! I’m still waiting for you to contact me.
can you help me integrate it with my native php website? can we whatsapp or skype?
Yes, of course. Please directly email me. You’ll find that in the documentation.
Hey pre-sale question
Does author get notification when someone submits reactions / comments…?
There is no 3rd party communication in the purchased version of this plugin. The plug-in only communicates with your servers. This is only available in the encrypted demo version as a precaution against theft.
hi, does it have code for the sql server side?
yes it have some code base but what did you mean exactly?
Hello, thanks for purchasing. If you have trouble about setup please feel free to ask for help.
Hi. I buy this plugin but I don’t know how to start. Do you provide a demo files to see how it work? I even didn’t find SQL data to create tables and store reactions info.
Hi. Thank you for purchasing.
I don’t provide a demo file because this plugin needs a server to work with. You can find SQL files in “reactable/asset/sql” path.
And there is two way to rise up PHP side. You can use codeigniter files (reactable/codeigniter) or you can use native php sdk (reactable/php) for the plugin.
If it’s not enough to solve the problem, I can continue to help. Just let me know.
488/5000 Thank you. In the documentation it would be good to clarify how to start applying the plugin. That is… What folder do I upload to the server? Codeigniter or php or both?
The documentation does not clarify where is the structure of the mysql tiles and also the configuration file where I must place the data of access to the database.
All those points are included in any plugin that I bought over the years in Codcanyon to facilitate the start-up of a plugin.
This is just a jQuery plugin is not a PHP plugin. PHP is actually an option that has been included for the convenience of customers. This is why there is no information about PHP in the documentation. If you want you can use Java, Phyton, .NET or node.js etc.
If the project you want to use this plug-in is already built on codeigniter, you need to copy the corresponding codeigniter controller, model, view and config files to your own system.
In another project, such as Native PHP or Laravel or other things, you can use the Native PHP Development Kit. To include this kit in your project, just copy the reactable/php directory to your own project.
You can now set the plugin’s serviceUri parameter that domain.com/reactable/php/action.php. Plugin will send the user interactions to this address.
You can also set domain.com/reactable/php/feeder.php as the batch update source for instant changes. (data-reactable-uri parameter for body tag)
In addition, you can see how you can generate HTML setup code with only PHP codes without writing any html, inside the reactable\php\demo.php file.
You can finally set up database connection settings in the reactable\php\lib\Reactable\Config\main.php file.
Thanks. I created tables and set config into main.php. When I access to “reactable/php/demo.php” I get this message: “Fatal error: Uncaught Error: Class ‘Reactable\core\Reactable’ not found in /home/misite/reactable/php/lib/Reactable/bootstrap.php:16 Stack trace: #0 /home/misite/reactable/php/demo.php(3): require() #1 {main} thrown in /home/misite/reactable/php/lib/Reactable/bootstrap.php on line 16”
Hi. tomorrow I can help for setup. Contact with me by email.
Sorry I mean 12 hours later. I’m from turkey
Thanks. Here you have my email lopezpablodaniel@gmail.com to contact
Hi. Can I use this jQuery plugin in a Joomla CMS with MySQL database?
Yes you can, but you need to do some work on your system to make it compatible with your system.
For example, if you want the plugin to appear on a product page, you should add the html setup code of this plugin to the joomla source code for products. You should also get the product ID number from joomla and then add in to the html setup code of this plugin.
Plugin has its own php sdk and mysql compatible sql setup files.
In short you can do that only manually.
PHP 7.2 is okay but you need have to CodeIgniter too. If you don’t want use to codeigniter then you have to write your own php codes and connect database, save reactions etc.
I have no idea what CodeIgniter is, could you give me a hand or a help on where to write the codes to connect to the database? or at least explain to me what is CodeIgniter
CodeIgniter is a framework written for php. Allows you to develop a site by writing fewer codes. If you already have a site that doesn’t use codeigniter, you need to re-create the php code to run the Reactable.js. I understand that you already have a site and you are not a developer. In this case, you should ask the person who prepared your site or a professional. I’d like to help more, but I need to know which php framework your site uses. This maybe a private information. You can send me by e-mail so we can continue.
I do not know your email, mine is IlfreeIF@gmail.com, what I want to do is test this plugin using a database and a test page, but I repeat I do not know how to do, to connect to the database, CodeIgniter is an editor ?
Okay, I got it. CodeIgniter is a free software written in php.
1- Download the software from https://codeigniter.com/. 2- Place the contents of the zip file in an easily accessible location. 3- Copy all folders in the “reactable / codeigniter / application” directory provided with this plugin package. 4- Paste the files you copied into the application folder inside the codeigniter software. Then upload this program to your own server. 5- Run the SQL file provided with this plug-in package directly on the MYSQL supported database. You may need to rearrange the SQL query for a non-MYSQL database.
All these steps will bring you closer to your target by 97%. Once you’ve completed them, text me back. You will have a demo version that works when we take care of some smaller things.
I did as you wrote, is it now? how do I proceed, how do I connect to the database? thank you
Please make sure to run the SQL file in your own database. This file will add a table to your database and the cells of that table. The plugin can then use this table. I assume you did this.
1- Enter the CodeIgniter folder again. Open “application/config/database.php” in a text editor. 2- Type the address of your own database (or leave as is) across the field that says “hostname”. 3- Type the user name of your database against the field that says “username”. 4- Write the password of your database against the field that says “password”. 5- Save and close this file. 6- Upload that file to your server in it’s own folder.
Try entering your browser from: http://yoursite/YourCodeIgniterPath/index.php/demo
done but not the plugin is normal visit the address, I see this
Okay, there is an error that we can fix it, but can you remove your last message or just the link please? We don’t want publish our source code 
(thank you)
“application/config/autoload.php”
line 61
$autoload ['libraries'] = array( 'database' );
Same process as before (save, upload etc) and try again please.
OK, that seems didn’t worked but it did actually. We have to done one thing too.
“application/config/autoload.php”
line 12 line 14
clean the // (double slashes) and save, upload.
it should work.
I can not find any double bars =)
sended e-mail.
I bought the plugin, but how can I connect to the database? I tried to look in the folders but I can not find anything, there is the slq file, but how can I set the parameters to connect to the database?
Hi.
This plugin package contains only CodeIgniter compatible php files. What kind of server system do you use?
By the way, you can’t connect to the database directly from inside this plug-in. This is a javascript plug-in and needs a server to work if you are not going to use it as html input field.
I bought the plugin, but how can I connect to the database? I tried to look in the folders but I can not find anything, there is the slq file, but how can I set the parameters to connect to the database?
