html background image on off buttons

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
mgiota
Δημοσιεύσεις: 190
Εγγραφή: 15 Σεπ 2009 13:11
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

html background image on off buttons

Δημοσίευση από mgiota » 19 Μάιος 2010 13:28

Καλημέρα,

θέλω να ενσωματώσω μουσική σε ένα html site. Αυτό το κάνω με την εξής εντολή:


<embed name="test"
src="music/test.wav" id="mymusic"
loop="false"
hidden="true"
autostart="true">
</embed>

Θέλω όμως να έχω ένα κουμπί off για να σταματάω τη μουσική. Με ένα γρήγορο search είδα ότι αυτό γίνεται με javascript με τον εξής κώδικα:

<script type="text/javascript">
function stop() {
document.getElementById("mymusic").src = "";
}
</script>

Μετά στην html πχ ένα κουμπί που καλεί τη stop function:
<input type="button" onclick="stop();" value="stop music" />

Το δοκίμασα αυτό αλλά όταν πατάω stop μου εμφανίζει:
"Απαιτούνται κάποιες πρόσθετες λειτουργίες για να εμφανιστούν όλα τα μέσα στη σελίδα" και όταν κάνω εγκατάσταση βγάζει :
"Άγνωστη λειτουργία text/html".

Έχετε να μου προτείνετε κάποιο τρόπο για να μπορώ να ελέγχω το on/off της μουσικής; Αν γνωρίζετε κάτι με jquery ακόμα καλύτερα.

Μ'αυτόν τον τρόπο βέβαια σε κάθε reload η μουσική θα ξαναφορτώνει από την αρχή. Ο πελάτης ήδη το γνωρίζει και το έχει δεχτεί. Για δική μου όμως απορία θέλω να ξέρω αν υπάρχει τρόπος να μη συμβαίνει αυτό. Κάτι για ajax και iframe διάβασα. Έχετε να μου προτείνετε κάτι;

MasterX
Δημοσιεύσεις: 92
Εγγραφή: 13 Οκτ 2009 13:29
Επικοινωνία:

html background image on off buttons

Δημοσίευση από MasterX » 19 Μάιος 2010 14:25

Συνήθως οι εντολές "<input type ....> είναι μέρος ενός <form>.

Αντικατέστησε το κώδικα που καλεί τη function stop() με

Κώδικας: Επιλογή όλων

<a  href="javascript&#58;stop&#40;&#41;;">stop music</a> 
Για να μην παίζει η μουσική σε κάθε reload, θα πρέπει να δημιουργήσεις ένα άλλο σύνδεσμο ο οποίος θα αρχίζει τη μουσική. Δηλαδή:

Κώδικας: Επιλογή όλων

<embed name="test"
src="" id="mymusic"
loop="false"
hidden="true"
autostart="true">
</embed> 

<script type="text/javascript">
function start&#40;&#41; &#123;
document.getElementById&#40;"mymusic"&#41;.src = "music/test.wav";
&#125;
</script> 

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες