Not sure, but maybe it is because you are using a class selector instead
of id.
In place of:
$(document).on("click", '.whatsapp', function(e) {
try:
$(document).on("click", '#whatsapp', function(e) {
On Tuesday, 13 August 2019 06:46:02 UTC+1, mostwanted wrote:
>
> I am working on a house rental application, i want users to easily notify
> one another of places they know via whatsapp, i have written the
> functionality and this is how it should work:
> Next to the rental amount is a whatsapp sharing link that when the user
> clicks it carries forward all the rental details to their desired contact
> but now the problem i am facing is that on my list of rentals the details
> of the first link are missing, the user can't share all of them but the
> following link is able to share all its details, i hope i am clear! I have
> a feeling this is caused by the for loop just dont know how to rectify it,
> here is my code below:
>
> CODE:
> {{extend 'layout.html'}}
> <span style="font-weight: bold; margin-top: 0px; position: absolute;">{{=
> breadcrumbs() }}</span>
> <script>
> function goBack()
> {
> window.history.back();
> }
> </script>
> <div id="goBack" style="position: absolute; right: 25px; color: white;
> font-weight: bold;" ><a href="javascript:history.back()"
> style="font-weight: bold;" id="back">BACK</a>
> </div>
> <br />
> <div class="row">
> <div id="headfont4">
> Listed Rentals In Kanye & Surrounding Areas
> <span id="count"> <span class="number" style="color: white;">{{=
> houseCount}}</span> available houses up for rent
> </div>
> </div>
> <hr />
>
> <div class='row'>
> <table>
> <tr>
> <th>HOUSE OWNER</th>
> <th>CELL NUMBER</th>
> <th>HOUSE DESCRIPTION</th>
> <th>LOCATION</th>
> <th>RENTAL AMOUNT</th>
> </tr>
> {{for details in details:}}
>
> <!--THE JQUERY FOR ORCHESTRATING THE WHATSAPP SHARING-->
> <script>
> $(document).ready(function() {
> var isMobile = {
> Android: function() {
> return navigator.userAgent.match(/Android/i);
> },
> BlackBerry: function() {
> return navigator.userAgent.match(/BlackBerry/i);
> },
> iOS: function() {
> return navigator.userAgent.match(/iPhone|iPad|iPod/i);
> },
> Opera: function() {
> return navigator.userAgent.match(/Opera Mini/i);
> },
> Windows: function() {
> return navigator.userAgent.match(/IEMobile/i);
> },
> any: function() {
> return (isMobile.Android() || isMobile.BlackBerry() || isMobile.
> iOS() || isMobile.Opera() || isMobile.Windows());
> }
> };
> $(document).on("click", '.whatsapp', function(e) {
> //const id = $(this).data('id'); // Extract the data-id attribute of
> the link.
> if( isMobile.any() ) {
> var text = $(this).attr("data-text");
> //var url = $('#' + id).attr("data-link");
> var message =text;
> var whatsapp_url = "whatsapp://send?text=" + message + "C/O
> SESOA&trade";
> window.location.href = whatsapp_url;
> } else {
> alert("This is only shareable on mobile devices!");
>
> }
> e.preventDefault();
> });
> });
> </script>
> <tr>
> <td>
> <div id="orgIcon3">{{=A(details.Surname, _href=URL('show', args=[
> details.id]))}} {{=details.Name}}</div><br />
> </td>
> <td>{{=details.Cell_Number}}</td>
> <td>{{=details.description}}</td>
> <td>{{=details.located_at}}</td>
> <!--THE WHATSAPP LINK FOR
> SHARING-->
> *<td>{{=details.amount}}<div id="whatsapp"><a href="#"
> data-id="{{=details.id <http://details.id>}}" class="whatsapp
> w3_whatsapp_btn w3_whatsapp_btn_large" data-text="Owner: {{=details.Name}}
> {{=details.Surname}}%0ACell: {{=details.Cell_Number}}%0AHouse Description:
> {{=details.description}}%0ALocation: {{=details.located_at}}%0ARent:
> {{=details.amount}}%0A" data-link="www.sesoa.co.bw
> <http://www.sesoa.co.bw>">Share Details On Whatsapp</a></div></td>*
> {{pass}}
> </tr>
> {{pass}}
> </table>
> </div>
> Regards
>
> Mostwanted
>
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/b89b1846-095d-4a58-b927-988c14d5ca56%40googlegroups.com.
