Moin habe null plan von javascript aber ich benötige hilfe.
Ich brauche eine Autoplay checkbox onload funktion.
Zuerst habe ich dieses hier :
Was auch funktioniert soweit.
PHP
<script>
$(document).ready(function() {
$('#someLinkId').click();
});
</script>
<div class="play_btn" id="someLinkId" onclick="<?php if (empty($music->songData->dark_wave) && empty($music->songData->light_wave)) { ?>wavesurfer.play();<?php } else { ?>playSong('{{t_audio_id}}');<?php } ?>"></div>
Nun will ich aber eine checkbox für autoplay oder nicht. Das Problem ist aber das der checkbox haken verschwindet sobalt ich
die seite neu lade/refresh oder neue seite lade. ....checkbox checked> will ich nicht..
Habe nach 3 stunden suche im web nun entlich etwas gefunden wo der haken drin bleibt in der checkbox.
Nur weis ich nicht wie ich dies da einbaue als $('#someLinkId').click(); in das untere java
Hier mal das javascript:
hier nun das was ich gefunden habe:
Code
<div class="check">
<p><input type="checkbox" value="Name" id="name" checked /> <label for="name">Name</label></p>
<p><input type="checkbox" value="Reference " id="reference" checked /> <label for="reference">Reference</label></p>
</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script>
function getStorage(key_prefix) {
// this function will return us an object with a "set" and "get" method
// using either localStorage if available, or defaulting to document.cookie
if (window.localStorage) {
// use localStorage:
return {
set: function(id, data) {
localStorage.setItem(key_prefix+id, data);
},
get: function(id) {
return localStorage.getItem(key_prefix+id);
}
};
} else {
// use document.cookie:
return {
set: function(id, data) {
document.cookie = key_prefix+id+'='+encodeURIComponent(data);
},
get: function(id, data) {
var cookies = document.cookie, parsed = {};
cookies.replace(/([^=]+)=([^;]*);?\s*/g, function(whole, key, value) {
parsed[key] = unescape(value);
});
return parsed[key_prefix+id];
}
};
}
}
jQuery(function($) {
// a key must is used for the cookie/storage
var storedData = getStorage('com_mysite_checkboxes_');
$('div.check input:checkbox').bind('change',function(){
$('#'+this.id+'txt').toggle($(this).is(':checked'));
// save the data on change
storedData.set(this.id, $(this).is(':checked')?'checked':'not');
}).each(function() {
// on load, set the value to what we read from storage:
var val = storedData.get(this.id);
if (val == 'checked') $(this).attr('checked', 'checked');
if (val == 'not') $(this).removeAttr('checked');
if (val) $(this).trigger('change');
});
});
<script>
Alles anzeigen