bonjour
je viens de mettre en place ce JavaScript . Seulement je souhaiterais mettre un lien qui me redirigerais vers une autre page.
Par exemple, dans le script ci-dessous, au niveau des lignes new Element('input', {type: 'button', value: 'No, leave it', id: 'cancelBut'}) et new Element('input', {type: 'button', value: 'Yes, delete it!', id: 'deleteBut'}) je souhaiterais mettre un lien clicable. Comment dois-je faire? merci d'avance
<script type="text/javascript" charset="utf-8">
var node = new Element('div', {className: 'warning', style: 'border: 1px solid #0F0; display:none'}).update(
new Element('p').update('Are you sure to delete this item?')
).insert(
new Element('input', {type: 'button', value: 'Yes, delete it!', id: 'deleteBut'})
).insert(
new Element('span').update(' or ')
).insert(
new Element('input', {type: 'button', value: 'No, leave it', id: 'cancelBut'})
);
var hideObserver = Modalbox.hide.bindAsEventListener(Modalbox);
function setObservers() {
$('deleteBut').observe('click', hideObserver);
$('cancelBut').observe('click', hideObserver);
};
function removeObservers() {
$('deleteBut').stopObserving('click', hideObserver);
$('cancelBut').stopObserving('click', hideObserver);
}
</script>
<a href="#" class="demo-btn" title="JavaScript Object demo"
onclick="Modalbox.show(node, {title: this.title, width: 300,
afterLoad: setObservers, onHide: removeObservers }); return false;">Link</a>
Modifié par stephane72 (28 Nov 2010 - 12:14)
je viens de mettre en place ce JavaScript . Seulement je souhaiterais mettre un lien qui me redirigerais vers une autre page.
Par exemple, dans le script ci-dessous, au niveau des lignes new Element('input', {type: 'button', value: 'No, leave it', id: 'cancelBut'}) et new Element('input', {type: 'button', value: 'Yes, delete it!', id: 'deleteBut'}) je souhaiterais mettre un lien clicable. Comment dois-je faire? merci d'avance
<script type="text/javascript" charset="utf-8">
var node = new Element('div', {className: 'warning', style: 'border: 1px solid #0F0; display:none'}).update(
new Element('p').update('Are you sure to delete this item?')
).insert(
new Element('input', {type: 'button', value: 'Yes, delete it!', id: 'deleteBut'})
).insert(
new Element('span').update(' or ')
).insert(
new Element('input', {type: 'button', value: 'No, leave it', id: 'cancelBut'})
);
var hideObserver = Modalbox.hide.bindAsEventListener(Modalbox);
function setObservers() {
$('deleteBut').observe('click', hideObserver);
$('cancelBut').observe('click', hideObserver);
};
function removeObservers() {
$('deleteBut').stopObserving('click', hideObserver);
$('cancelBut').stopObserving('click', hideObserver);
}
</script>
<a href="#" class="demo-btn" title="JavaScript Object demo"
onclick="Modalbox.show(node, {title: this.title, width: 300,
afterLoad: setObservers, onHide: removeObservers }); return false;">Link</a>
Modifié par stephane72 (28 Nov 2010 - 12:14)