Bottone live chat con pop up centrale

peopleinside

Ciao,
provo a postare una domanda che credo riguardi JavaScript.

Uso un codice per avere un'immagine bottone (live chat) cliccata che apre un pop up, attualmente il pop up NON si apre centrato e vorrei correggere il codice per avere il pop up aperto al centro.

Il codice è il seguente:

<center>Supporto Live Chat<br><a onclick="window.open('https://google.com/','Live Chat','scrollbars=yes,width=500,height=715');return false;" href="https://google.com"><img class="wp-image-1182 aligncenter" alt="live-butt" src="https://cdn.pixabay.com/photo/2016/06/06/16/39/phone-1439839_960_720.png" width="142" height="75" /></a></center><hr>

Qualche idea per correggere la posizione del pop up in centro?
Grazie 🙂

Marko

peopleinside appena sono davanti al pc do uno sguardo e lo provo

Marko

stai parlando di questo bottone qui che apre la live chat?

peopleinside

Marko si, il codice "anonimizzato" è quello che ho indicato nel precedente messaggio che può essere testato ad esempio incollandolo qui

Marko

peopleinside come immaginavo, non credo si possa fare perchè il codice js dell'app non lo vedi, andrebbe impostato li direttamente, quindi deve farlo chi ha sviluppato il widget

peopleinside

Marko in realtà credo che il problema sia nel codice che utilizzo:

<center>Supporto Live Chat<br><a onclick="window.open('https://google.com/','Live Chat','scrollbars=yes,width=500,height=715');return false;" href="https://google.com"><img class="wp-image-1182 aligncenter" alt="live-butt" src="https://cdn.pixabay.com/photo/2016/06/06/16/39/phone-1439839_960_720.png" width="142" height="75" /></a></center><hr>

Qui non c'è nessuna dipendenza da script esterni eppure se provi il codice su https://htmledit.squarefree.com/ vedrai che il problema è lo stesso: la finestra non viene centrata.

Soluzione trovata grazie all'aiuto di qualcuno:
https://stackoverflow.com/questions/70891652/how-to-center-the-pop-up-window-image-that-open-a-pop-up

Marko

peopleinside interessante, cioè qual'e la soluzione in pratica?

peopleinside

Marko


<html>
   <body>
      <script>
         function myPopup(myURL, title, myWidth, myHeight) {
            var left = (screen.width - myWidth) / 2;
            var top = (screen.height - myHeight) / 4;
            var myWindow = window.open(myURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left);
         }
      </script>
<center>Supporto Live Chat<br>      

        <a onclick=" myPopup ('http://www.qries.com', 'web', 500, 715);"><img 
        class="wp-image-1182 aligncenter" alt="live-butt" 
        src="https://cdn.pixabay.com/photo/2016/06/06/16/39/phone-1439839_960_720.png" 
        width="142" height="75" /></a>
      </center>
   </body>
</html>

Unica cosa che serve del codice CSS che ho aggiunto al mio blog sull’immagine per creare il puntatore del mouse "a manina".
Ho ricevuto anche un altra proposta che devo ancora provare su https://discuss.flarum.org/d/29959-code-to-center-a-pop-up-javascript/4

Marko

peopleinside ottimo! buono a sapersi!