Posts by Mr.M

I think these chatbots are something great to offload work load from agents but the problem starts from us developers by not making a tailored chatbot to address that business queries but we generalize it which becomes a problem.

This has to be done by account, product, business query which will allow a user to find solutions s/h needs

Hi thanks, I mean FCM as (Firebase Cloud Messaging) this is used for Push notifications. What I think is happening is that I think Google had updated their library or something, because no matter which version I try it keep failing to resolve. I've read Cthis which says theres a library deprecation, but the problem is that no matter which update I try, it keep on failing.

Here's my Gradle:

apply plugin: 'com.android.application'
//apply plugin: 'com.google.gms.google-services'
//apply plugin: 'com.google.gms.google-services'


android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.myuse.myapp"
        minSdkVersion 19
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:28.0.0-alpha1'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    implementation 'com.squareup.okhttp3:okhttp:3.11.0'
    implementation 'com.android.support:design:28.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
     //implementation 'com.google.firebase:firebase-core:16.0.5'
    implementation 'com.google.firebase:firebase-messaging:17.3.4'
    //implementation(platform("com.google.firebase:firebase-bom:32.2.0"))
    //implementation 'com.google.firebase:firebase-core:7.2.0'
    //implementation 'com.google.firebase:firebase-messaging:4.3.10'
      //implementation 'com.google.firebase:firebase-messaging:15.0.0'
    //implementation 'com.google.firebase:firebase-messaging:32.1.1'
}

Here's the error:

Unable to resolve dependency for ':app@debug/compileClasspath': Could not resolve com.google.firebase:firebase-iid:[17.0.4].
Open File
Show Details


Unable to resolve dependency for ':app@debugAndroidTest/compileClasspath': Could not resolve com.google.firebase:firebase-iid:[17.0.4].
Open File
Show Details


Unable to resolve dependency for ':app@debugUnitTest/compileClasspath': Could not resolve com.google.firebase:firebase-iid:[17.0.4].
Open File
Show Details


Unable to resolve dependency for ':app@release/compileClasspath': Could not resolve com.google.firebase:firebase-iid:[17.0.4].
Open File
Show Details


Unable to resolve dependency for ':app@releaseUnitTest/compileClasspath': Could not resolve com.google.firebase:firebase-iid:[17.0.4].
Open File
Show Details

Hi DW, I've faced an issue with my project, it has been working these years till I think last year or the other year. When I sync it fails saying unable to resolve dependency no matter which version I try I get similar error differs with version number.

Yes Iv tried many different approach but still. I not sure but it like the problem is with the Firebase that because I was able to open another project that doesn't use Firebase. But iv done a lot of changes and the Studio crashed and i unable to revert back to a working state but the issue is with my project that uses Firebase

Hi DW, I'm having an issue on my Android studio I'm getting this error Unable to resolve dependency for ':app@debug/compileClasspath': Could not resolve com.google.gms:play-services-measurement-api:[16.0.3].
Does anyone know how to solve this error?

I guess I have to find another way of displaying data other than the NesteadListview.

I'm still stuck on this.

The problem is with the nestedList1 I tried clearing it after it execution but it just clear all and only have the last database record only.
This is my first time working with RecyclerView.

How? Where based on my above code?

Yes, that's why I was asking about creating it dynamically as per my initial post. That way it was going to be much easier now the issue is that the JSON data is not fixed to a certain number so it will have different sizes.

How can I create it dynamically?

Thanks but that didn't fix my problem. The issue is that the nested recycle view bring same data in the nested view.

The main recycle view which has the titles is working according but the issue is with the nested. I have the database which I retrieve the data from I retrieve title, sample text, and date it was captured.

The title becomes the parent recycle view then the sample text and date should be inside the nested recycle view. But what happens is that I have over 80 records on the database so this means I will have over 80 recycle view with it's title (works perfectly) then inside each I will have a single sample text and date as nested to the parenting title this is where the problem is.

In the nested view it just dump all the sample texts and dates as and have the same nested recycle view on all of the parenting recycle views. In short it just put all sample text and date in the nested recycle view and have same thing on all nested recycle view.

But it should only have the relevant sample text and date to each parenting recycle view.

I use a nested Json object and loop through it.

Here's my codes.

// Data model
public class datamodel{
private List<String> nestedList;
private String itemText;
private boolean isexpendable;

public datamodel(List<String> itemList, String itemText){
this.nestedList = itemList;
this.itemText = itemText;
isexpendable = false;
}

public void setIsexpendable(boolean isexpendable){
this.isexpendable = isexpendable; …

Hi DW. Anyone who knows how can I achieve this? List<String> dynamic[i];
The reason why I need this is that I'm creating a dynamic list with nested lists so there's no fixed number of data the list can be, this is inside the for statement which receive the json data which is multidimention array so I want for each item in the json data create 1st the parent list then create nested list for it.

Currently it mixes data and I see that it because of this.

If it's your computer it not a problem, the problem comes when you use public computers, or if a friend borrows your device or someone stole it. Furthermore if someone just happens to get or know your extension master password, as much as that person may not see your saved accounts passwords right a way but by attempting to login doesn't matter which computer it is, your or his but still that person will be able to see your actual password by viewing the logs.

The problem here is not only if its your computer but the problem is when a hacker get access to your master password. To view your credentials that person will simply attempt to login to whatever website he wants it's credentials for.
HaveIf it's your computer it not a problem, the problem comes when you use public computers, or if a friend borrows your device or someone stole it. Furthermore if someone just happens to get or know your extension master password, as much as that person may not see your saved accounts passwords right a way but by attempting to login doesn't matter which computer it is, your or his but still that person will be able to see your actual password by viewing the logs.

The problem here is not only if its your computer but the problem is when a hacker get access to your master password. To view your credentials that person will simply attempt to login to whatever website he …

Also this is to ensure that even if someone do get your extension logins and try to login to get your Daniweb credentials, so that s/he will try to use your real Daniweb credentials outside the protection of this extension because the extension has the CTA which will not proceed with the login till you grant it access or deny it using your mobile app.

But for that person to get your actual Daniweb credentials s/he will have to try attemping to login so s/he will see the network monitor tool logs and get those credentials and use it to login to your Daniweb account without using this extension as that person will be running away from the CTA.

But if I clear this log after the submission then there's no other way for that person to easily view users credentials because onces submitted then then the website uses the SSL which then continue protecting the user credentials.

But if let say Daniweb was integrated with my API then there wasn't gonna be a need for this because the extension would allow Daniweb to submit the fields with encrypted password then on the backend call my API to decrypt the password, that way it would be a solid solution because Daniweb would have to pass first some securiry verification when requesting the decryption of password so that Daniweb will successfully authenticate you as a user. But for that it will take time to get such approvals because we still have …

This is not for a website but for extension. The extension is a password manager which keeps the users credentials secure.

To make aa example. When you type your password let say on Daniweb, once you are done typing it, this extension then instantly encrypt your password to make sure even if you are trying to login to your Daniweb account on a public computer or someone else's computer and didn't proceed with the login maybe you got disturbed for whatever reason but if someone comes and try to inspect the Daniweb password field element that person won't see your actual password but will see an encryption hash code.

If let say that person try to copy it so that he will attempt to login to your Daniweb account later on somewhere else, this won't work because the encryption is only decrypted on the PC it was generated on.

I've introduced a CTA (Click To Authorise) which enforce website's example Daniweb, Facebook to wait for you to authorise the login request using your mobile app. This works great.

Now when you combine the two features which is instant password encryption and the CTA you get a solid security solution. Now comes the issue, I don't own website's the users are using, which means as much as I've kept your accounts secure, but when you now submit the form say Daniweb login form, I have to decrypt your password and allow the submission then instantly encrypt again the password field so …

Unfortunately it's not, this is to give a user a privacy because the network request wether it post or get method it parameters can be viewed, so to prevent undesired people from seeing users sensitive information like passwords, the idea at the moment is to clear the logs after such request methods occurred only if that website form is submitted.

A very decent method for this is for the websites to integrate with this system so there won't be a need to clear logs because what will be sent is something secure which the website will request futher encryption of that data on the backend which will be means of API following strict security majors.

Unfortunately you can't send a third party encrypted data to another system which the user is attempting to login because that login will fail as it will be taken as incorrect credentials.

I basically want to clear the user credentials from the logs as soon as the post or get request is fired on form submit.

The password is encrypted while it on the fields because of the instant encryption but had to decrypt it on form submission and encrypt again so that it will remain encrypted on the field but my worry is that of the post or get request which is not protected.

Hi DW. Does anyone know how can I clear a devtool network monitor log of a browser using javascript.

I know the console.clear() only clear the console log not the network monitor tool logs.

Hi DW. Is there anyone who know how I can I develop an App that's like TeamView for Android so that I will be able to remotely access the phone via browser on my website?
What I want to do is that instead of directly accessing the phone I want to virtualise it so that I can have duplicates of it when required so that let say 2 people are accessing or using it, they won't be interference from the two but each will have his own clone (virtual) device. I want then to share the virtual device screen on my website.

The use case of this is very simple it's just for viewing while, going to settings, dial a USSD code and see a response.

The catch here is that we all know that the actual devices are not the same interms of operation so it must clone that device behaviour so that the user will be like using the very same device.

How can I achieve this? I think the steps is to first clone the entire device, I don't know how, then create a virtual device of it which the user will be interacting with rather than interacting with the actual device because that will mean I will have to have many device if th number grows so I think best way is to virtualise it so that I can have duplicates of it unless if there's another way of threading the remote access which might be …

I've solved it out like this

var j = 0;
            var chatheader = document.getElementById("uchatlist");
            var lvitem = chatheader.getElementsByClassName("lv-item media");
            for(var i = 0; i < lvitem.length; i++){
            lvitem[i].addEventListener("click", function() {
            var lvitemcurrent = document.getElementsByClassName("lv-item media active");
            lvitemcurrent[0].className = lvitemcurrent[0].className.replace(" active", "");
            this.className += " active";


var father = this;
var sons = father.children;

var len = sons.length;
var i = 0;

for(i ; i < len ; i++){  
   var child = sons[i];

  if(child.className === "media-body"){
      var xchild = child.children;
      var xle = xchild.length;
      var x = 0;
      if(j == 0 && j < 1){

      for(x; x < xle; x++){
        var vchild = xchild[x];
        if(vchild.className === "lv-title"){

                alert(vchild.innerHTML);
                j++;
        }
      }
      }else{
                j = 0;
            }
  }
  }
            });
            }

Hi DW. I have code:

<div class="lv-item media">
<div class="lv-avatar bgm-purple pull-left">u</div>
<div class="media-body">
<div class="lv-title">dynamically_generated_value</div><!-- I want to get this value -->
<div class="lv-small">Sample text</div>
</div>
</div>

I use the following code to activate the selected list. NB the above is also dynamically generated for simplicity let say we have the above code with a unique lv-title value as it's the user chat id so it unique. And I want when I click this element I want to get that child class by name of the selected item. Here's the code I use to set the active when the user click the element.

var chatheader = document.getElementById("uchatlist");
var lvitem = chatheader.getElementByClassName("lv-item media");
for(var i = 0; i < lvitem.length; i++){
lvitem[i].addEventListener("click", function (){
var lvitemcurrent = document.getElementByClassName("lv-item media active");
lvitemcurrent[0].className = lvitemcurrent[0].className.replace(" active","");
this.className += " active";
// Here is where I want to get the title value of the clicked element. 
});
}

NB the fist code is inside a div with a class uchatlist

What I'm doing is a chat system on the left it has a list of users which is what when you click I want to get its title value so that I will be able to show and hide the messages or chats on the right hand side for the selected user. On the right it's where the end user and chat and see the response messages as well. So I want to show this for each user when the user is …

Please check my second reply message above for the sample database.

My query is very simple.
I first get all the messages from user so that I will get the uids. Now since the uids has duplicates I then used distinct instead of SELECT * FROM mytable WHERE msgfrom = 'user' I have SELECT DISTINCT uid FROM mytable WHERE msgfrom = 'user' this solve the issue of when displaying this be repeated twice because now it only return exact without duplicate. Now the issue is with the other select statement that I have inside this select statement which that one is for actually pulling the data.

Remember the first query is for getting the uids so that with this query inside we get the last message of that uid. This is for creating the user chat list where you get a list of chats and beneath it there will be a short display of the message but not the full message because of the space, so when you select the chat user you will then see the chat messages on the right hand side.

But I'm not yet retrieving messages for the chat box but for creating a users chats list which is a list of people with their last messages. I use a similar select query except that this time i replaced WHERE msgfrom = 'user' whith WHERE uid = $row['uid']

So at the moment what is the problem is that yes it returns 1 uid of a duplicate …

Solution was DISTINCT but the problem now is that it return two recodes but when I make it to return 1 of the duplicate it then return the uid but I think it don't know which msg to return as they are two rows with the same uid but different messages, so now I get the uid as intended but it doesn't return message which are on another column.

Thanks but since I have 3 records with 2 duplicate uid I only need to get two row back where one is 1111 and another one is 3254.

That because inside this select * query I then loop through each to get other relavent data that has the same uid so I only need to get one 1111 not two as they are duplicate. If I use Distinct get intenal error.

I have uid,status,mdate,msgfrom,msg 5 fields as uid,status,mdate,msgfrom,msg

Now I have data as
1111,new,14/03/22 11:41:25, user, Hello

3254,read,13/03/22 09:05:10, user, Morning
1111,new,14/03/22 11:42:07, user, I have a question for you.

Now as you can see I have 3 records which two of it has the same uid which is 1111, now I want to select all records with msgfrom equal user then for each get the uid which I will use to get a complete chat for that user and the admin respond to that user as it will all have the same uid.

Hi DW. I'm creating a chat system which will alow guests to send DMs to the operator and the operator can reply to it. I'm using MYSQL as my database, fingerprint2js for identifying the user since user has not yet logged in or registered but want to first communicate with the admin.

Scenario here is that the user has sent 2 messages which are bot recorded separately on the database but have the same uid which is the id used to identify the user. My problem is that even the admin when replay he will also use this same uid so the uid is having many duplication as they communicate, issue is that it's not only the two people communicating but others as well which makes it have many duplicates of each uid.
What want to achieve withe the select is to get only a single uid of each even if its its duplicate or not but get one of each so that will be able to iterate through each user and be able to sort their messages for displaying purpose. At the moment I have 2 rows with the same uid but when I use select and while since the number of rows are two it runs twice which end up producing same result twice. On the display side get 4 messages because for each iteration it return both rows when on my select statement I select where uid equal id which is returned by a select all from …

There's no attachment

Does it also retrieve from the catch even if you had set your browser to not use catch?

Thanks also for sharing your finding.

Please verify your location/url which is /data I think you need to put the full path url there like http://localhost/x/data

Ok here you need to first have some sort of differentiating when (a) the session doesn't exist then also (b) when the user has click remove then finally (c) another part is added to the category. That will be done by you but this will help you in that:

<?php echo $_SESSION['your_session'] == "" ? 'show' : 'hidden';?>

then for checking if the user has removed item you will need to have a global variable or make use of toggle through a function which will trigger the css to show/hide the ADD which you will used or call it when the user removes the item, then also call the same function that toggles this when another part is added in a different category.

Hope that helps you.

I also think the issue is within the CSS, see if you don't also have mixed bootstrap and also try to test it in a simple standard radio radio button or check box and see if it will work on a non-bootstrap element. If it work the you might need to verify your bootstrap you are using, I also had the same issue I ended up not using the slide option because of this.

A fix to the new problem was to bring the call to the content script it then don't require any waiting.

I've sorted it now it working in terms of each tab to receive the message designated to that specific tab. This is a password manager, as I've said the scenario is that when the user is accessing a web url I then check if the user has credentials stored on our server for that user for that site. This is to automate the filling of the login form so the user don't have to type the credentials each and everytime the user is visiting that site.

Take Facebook for example, if a user has set the password manager to remember his/her facebook credentials, now the user just login to the extension then on the browser visit whatever website he want to access in this case on one tab s/he will access Facebook on one tab then on the other tab the user will load say Daniweb. The password manager has both Facebook and Daniweb user credentials which the user has previously supplied, what I wanted was that when the user is loading both sites at the same time the credentials be able to be correctly returned to the correct calling tab so the Facebook credentials wont go to the current active tab which is say Daniweb and vise verse so I've fixed that now as I've indicated what was the problem.

Now the problem is that yes the data does arrive to to the correct tab but if the tab is not active it doesn't fill and I saw the …

Fixed this by sorting this line out const rw = setTimeout(() => {doThis(msg);}, 1000); to const rw = setTimeout(() => {doThis(msg, to);}, 1000);

Now the issue is manipulating the inactive tab form elements.

Can you think of any example where this works?

Simplest example is a password manager where when a user is visiting website, this is done either onCommitted or onNavigationComplete events, then the password manager will get the tab url and check if this user has any stored credentials for the user so that it will auto-fill if for the user. Now if the user navigate to safe facebook website then while the browser is still loading the user then opens another tab to do something else on that tab while the other tab is still loading contents, the time the tab completes loading the extension will then begin sending the request to check for credentials availability and if available it will return it as a response. That should be a respond to the calling tab no matter which tab the user is currently focused on.

I see the actual problem but I don't know how I will go about solving it. Here is this in a more clear picture on the above code the first code there's a method of sending a message to the content script which is:

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
        //console.log("vvv: " + tabs[0].id);
        chrome.tabs.sendMessage(to.tabId, {action: msg, data: "test"}, function(response){
            if(chrome.runtime.lastError) {
      const rw = setTimeout(() => {doThis(msg);}, 1000);
     clearTimeout(rw);
    } else {
            console.log("Message sent from background");
    }
        });
    });

Now on the above code the key to the solution that I'm looking for is the targeted tab (destination) where this message is …

Thanks, well what I basically want to achieve here is that when I have more than 1 tabs opened and let say I was on tab index 2 and I performed a page reload then while it still loading I then set focus (activeTab) to say tab index 0, by the time index 2 complete loading that tab will no longer be an active/focused tab but it will be now tab index 0 so currently it will print/log the message on tab index 0 as it is now the current focused/active tab but I want it to print/log the message on the same tab it was generated on which in this case it tab index 2 not index 0, and if I reload 3 out of 4 tabs all those tabs reloaded or had navigated should be the only tabs printing the message.
The reason for this is that there is a server request that I do which is only based on that particular tab and I want it respond not to be returned anywhere else or opened anywhere else other then the tab that called that request.

This is more like a server client where a calling client has to be the one receiving the response I'm not sure if I should do multi-thread for each tab or what, but I think multi-threading will consume a bit of memory and also it may cause the browser to freeze.

To test this just follow the Mozilla add-on development guide and …

Anyone with a solution to this?

It turns out that this was because of the proxy, I then removed it from the property file and on settings then built a clean version.

Hi DW, I'm experiencing an issue I've tried invalidating, fixed the offline sync but still I'm getting this error. My App uses Firebase FCM.

On the dependencies I have com.google.firebase:firebase-core:16.0.5 com.google.firebase:firebase-messaging:17.3.4

My implementation com.android.support:appcompact-v7:28.0.0-alpha1

This implementation is underlined with a red line and I think it is what having the issue, i remember now when I had this kind of error before I saw a post that said I must change the version here but don't know to which version to change to. If anyone know how can I fix this error please help me out. Thanks

Hi DW.

I want to get a message only on that specific targeted tab id. If the messege is sent to tab id 2, it should run a script under tab id 2 to update that page displayed or for simplicity log on tab id 2 console the message.

The tab id is from background script so it then sends a message to that tab id, here is an example:

chrome.webNavigation.onCompleted.addListener(function(details){
    doThis("my_Message", details);
    }

    function doThis(msg, to){
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
        //console.log("vvv: " + tabs[0].id);
        chrome.tabs.sendMessage(to.tabId, {action: msg, data: "test"}, function(response){
            if(chrome.runtime.lastError) {
      const rw = setTimeout(() => {doThis(msg);}, 1000);
     clearTimeout(rw);
    } else {
            console.log("Message sent from background");
    }
        });
    });
}

Now my receiving part:

chrome.runtime.onMessage.addListener(function(msg, sender, response){

console.log(sender.id);
console.log(msg);
return true;
}

You have too much code, that is why you don't get answers, it a bit hard to follow, rather point straight to the portion of codes that should be doing what you are trying to do, like just show that function with fewer codes for better answers. Make 1 example of the actual data from your source and how you want it to be and the code you tried to achieve that so that it will be easy to see what's wrong with your code.

I tried but it offset. On facebook it almost display by the edge of the screen on the left hand side, on my site and Daniweb it not visible and I think it outside the screen when using the body tag to be relative. NB: I'm not too familier with CSS

[bdata-tip] {
    position:relative;

}
[bdata-tip]:before {
    content:'';
    /* hides the tooltip when not hovered */
    display:none;
    content:'';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid red;   
    position:absolute;
    top:30px;
    left:35px;
    z-index:8;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
    overflow:auto;
}
[bdata-tip]:after {
    display:none;
    content:attr(bdata-tip);
    position:absolute;
    top:35px;
    left:0px;
    padding:5px 8px;
    background:red;
    color:#fff;
    z-index:9;
    font-size: 0.75em;
    height:18px;
    line-height:18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space:nowrap;
    word-wrap:normal;
    overflow:auto;
}
[bdata-tip]:hover:before,
[bdata-tip]:hover:after {
    display:block;
}

Daniweb

Facebook

My website

Here are the screenshots

@Dani, have you done any changes to the website? I tried about 3 times replying but when I was adding code and click insert button the pass was refreshing and everything was gone so after 3 attempts I continued with my test on my project.

@John_111, no I'm not doing this on my website, it was going to be easy if it was mine, but I have an extension that will do this to other websites. The aim is to show an alert tooltip to a user about that field.

I've found the solution this was what I was looking for now the issue is that on Facebook website it shows well but on other sites like Daniweb as I've also tested on it, the problem is that it is cutted at the bottom of the tooltip and the text is not fully visible as some part of it are cutted. I will try to upload images so you can see how it displays on Facebook and how it displays on Daniweb and at my website.

Thanks but maybe I didn't properly write my question or.

I've made an example with an Apps anyone can download on Google Play Store and try it out to understand my question or perhaps check YouTube videos to understand what I'm referring to.

Ha Tunnel is an App, when you have installed it you can literally connect to the internet with even a brand new sim card that you have just inserted into your phone without recharging. The SIM card can be 0.00MB data, 0.00 airtime but with this kind of App you are able to access(surf) internet.

Now my question is how does it transport data since your MNO/network provider does not allo you to surf internet without recharging. NB, there no other form of connection use like GPS/Bluetooth, you only open data connection as you would when you have data.

How does the VPN/Tunnel internet to your phone. How does these Apps work to achieve this? No SMS or anything it only tunnel that's all.

Thank you.

What my code does is that it first get the password field element then get it parent div class name, it then take that cass name as is and write it on CSS to reference it, so if the name has many name and spaces the actual style of ths popup won't work.

Hi Dani, thanks.

As to what I'm trying to do is to automatically show a tooltip(popup) on a password field. I have an extension which is the one that triggers this popup and also inject the required code foe the popup to that particular website.

The code I supplied above get the elements by class but it doesn't show the popup correctly (styled with css) if the div has many class names in it, it only work if the div has one class name.

Another issue is that it work for Facebook with the 3rd upper div container of the password field, but with Daniweb it work with the first div of the password field so that also another issue.

I've got another code to try using the actual tooltip but style it through CSS and see if it will work on these sites and other sites as it should.

I see that basically what I want is called tooltip but on w3c school on the link it's called popup..

This depends on a personal of social media. But some are also running businesses so they will have sometimes more than one account on each social media to accommodate both personal use and business use.

Hi DW.

I'm trying to display a popup over an input box, but the issue is that some websites that I want to also display on have div class name that contains many classes in it which result it a div class name to have spaces in it which is not a problem.

I would have used id for this but the issue is that some site doesn't have the ids. if you would take the facebook sample code:

<div class="_6lux">
<div class="_6luy _55r1 _1kbt" id="passContainer">
<input type="password" class="inputtext _55r1 _6luy _9npi" name="pass" id="pass" data-testid="royal_pass" placeholder="Password" aria-label="Password" />
<div class="_9ls7" id="u_0_b_sX">
<a href="#" role="button">
<div class="_9lsa">
<div class="_9lsb" id="u_0_c_3V">
</div>
</div>
</a>
</div>
</div>
</div>

So with the above what I want is to get the div with class _6lux because this work if I use that div but if I use any element inside that div it doesn't work correctly. The popup I want to show on a password field of that particular open website is Popup source link

Now if you also take Daniweb as another example code is

<div class="form-group">

<label for="password901886946" class="control-label d-none">Password</label>

<input type="password" class="form-control" id="password901886946" name="password" placeholder="Password">

</div>

And for Daniweb it work correctly with this div with class form-group. What I'm trying to do is to be able to dynamically locate the correct div that will correctly display this popup over the password field. I inject the same css code from the above link to the open website then also inject

So the question here is, how does it allow data to flow? Remember an MNO (Mobile Network Operator) terminate your internet access when your mobile data depleted, but with this it allow you to connect over the same MNO that termnated your connection but still be able to connect. That's all I want or perhaps that piece of Java code to achieve that. But also a clear explanation of how does this happen will be highly appreciated.