CSS background-position Property

[anon14276620]

I am getting fed up with coding issues nothing as it was and much has been lost even the w3 schools stuff does not work on your sight idk why

for example http://www.deniserose.epizy.com/fetch_sql2.php

echo '<td id="igap2"><div id="outer_img3"><img id="artwork"  width="35" height="35" class="artwork" alt="album" src="data:image/gif;base64,' . $base64artwork . '" </img></div>';
    echo '<div id="overlay"><img  src="images/SpectrumAnalyser.gif" width="30" height="15"></img></div></td>';


and http://www.deniserose.epizy.com/music_playing.php
 <div id='outer_img' class='outer_img'><img  src='images/nowplaying_artwork_2.png?t=<?php echo time();?>;' id='np_track_artwork' alt='Playing track artwork' ></div>
          <div id='overlay'><img  src="images/SpectrumAnalyser.gif" width="30" height="15"></img></div></td>

As the first does not work? Now neither does even more the audio controls don’t seem to register either

Is nothing stable on your site it doesn’t seem to work with anything for 1.5 hours then changes

I think this is why fetch I failing yet I am closing $con=null how can it be using more than one or two connection at most ?

try {

$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);

$q = $conn->query($sql);

$i_count = $q->rowCount();

} catch (PDOException $pe) {

die("Error occurred:" . $pe->getMessage());

}

$conn = null;

1. Request URL:

http://www.deniserose.epizy.com/fetch_sql2.php

  2. Request Method:

GET

  3. Status Code:

500 Failed to write /read from SQL.SQLSTATE[HY000] [1203] User epiz_33087480 already has more than 'max_user_connections' active connections

  4. Remote Address:

185.27.134.150:80

  5. Referrer Policy:

strict-origin-when-cross-origin

1. Response HeadersView source

  1. Connection:

keep-alive

  2. Content-Type:

text/html; charset=UTF-8

  3. Date:

Thu, 22 Dec 2022 09:11:46 GMT

  4. Server:

nginx

  5. Transfer-Encoding:

chunked

2. Request HeadersView source

  1. Accept:

text/javascript, text/html, application/xml, text/xml, */*

  2. Accept-Encoding:

gzip, deflate

  3. Accept-Language:

en-GB,en-US;q=0.9,en;q=0.8

  4. Cache-Control:

no-cache

  5. Connection:

keep-alive

  6. Cookie:

_test=6e115e5362df5ab59656bdef8a3d164d; _ga=GA1.2.1049512228.1670761460; __gads=ID=4dbac2a3c84af722-22ca1f35d7d700cf:T=1670761461:RT=1670761461:S=ALNI_MYh1TR0fvCHN_hPVm_IuC9SgQWEhQ; __test=1fdfb273aa678c70e40cf7277f6b164e; _gid=GA1.2.1335419779.1671447514; __gpi=UID=00000ba838b2857f:T=1670761461:RT=1671690892:S=ALNI_MbXZ6MFlIIWT5zMopKFjoTCf8jX-w

  7. Host:

www.deniserose.epizy.com

  8. Pragma:

no-cache

  9. Referer:

http://www.deniserose.epizy.com/music_playing.php

  10. User-Agent:

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

  11. X-Prototype-Version:

1.7.3

  12. X-Requested-With:

XMLHttpRequest

[anon14276620]

@Oxy

press play
and on the right, it will show you this button

click on it and you’ll understand what I’m talking about

Looks very nice but i cant even keep one div where it is on the image were it was see above it on your site so that is an impossibility here out of my reach.

Also why is “MediaPlayer1” returning null.

var player = document.getElementById("MediaPlayer1");
if(player !== null) player.addEventListener("play", myFunction);
function myFunction() {
         var player = document.getElementById('overlay');
         player.innerHTML = '<img  id="#play" src="images/SpectrumAnalyser.gif" alt="analyser" width="48" height="48">';
    }

It seems like this is returning undentified
var player = document.getElementById(“MediaPlayer1”);

When

echo '<audio controls src = "onlineserver:27274/;" id="MediaPlayer1" autoplay="autoplay" ></audio>';

it seems to find id on DIVS and IMG but that is all ? how do you reference audio on page as object or get object for it please?

player.addEventListener(“play”, myFunction);

Can any one explain on this W3Schools page this method or function addEventListener(“play”, myFunction); is not listed or audio . As elsewhere on it pages it is

[anon14276620]

@Oxy

r example, visit this link
press play
and on the right, it will show you this button

click on it and you’ll understand what I’m talking about

I do like the pop out box but I at get the control.js to function to select buttons at present its just not running am not sure what i am doing wrong but it doesn’t fire maybe it something silly

[Oxy]

Currently, that element is not clickable at all
and it would be better if it was next to the player itself

You complicated it there with many parameters and quotes

Why not just use this:

<div id="pop_out" class="pop_out" onclick="window.open('pop_out.php', '_blank');">

or use a button instead of a div (so that the cursor automatically changes to a finger, etc. when it is hovered)

<button id="pop_out" class="pop_out" onclick="window.open('pop_out.php', '_blank');"> img here etc. </button>