|
|
Posted by "bruce" on 10/20/53 11:19
hi..
a somewhat php/jscript question.......
i have the following onclick that works...
---------------------------------------------------------
<div id="cms-edit-button"><a href="#" onclick="cms_focus ('cms-edit', 1);
cms_focus ('cms-properties', 1); cms_focus ('cms-state', 99); this.blur ();
return false">Account</a></div>
i'd like to be able to have the jscript run if i have a query var foo.
basically, i'd like a way of running the same jscript that gets run during
the onClick, when i select a php function... ie, if i finish a pprocess, i'd
like to set the appropriate page to display.
i thought i could do something like the following:
<?
if ($_GET['tmp'])
{
echo "
<script language=\"javascript\">
alert('mmmmmmmm');
cms_focus ('cms-edit', 1);
</script>
";
echo "
<script language=\"javascript\">
cms_focus ('cms-properties', 1);
</script>
";
echo "
<script language=\"javascript\">
cms_focus ('cms-state', 99);
</script>
";
echo "
<script language=\"javascript\">
return false;
</script>
";
}
?>
my hope was that this would effectively simulate the running of the
jscript.. but it didn't seem to work. the tabs/screens don't change, which
indicates that the jscript is not running as i thought it would....
the above php/jscript is being called after the jscript cms_focus routine
has been created. in the above sample, i discovered that if i placed all 3
cms_focus calls in the same <script></script> block, only the 1st one seemed
to run... however, even with this, while it appears that each cms_focus call
is being made, there's still not apparent change in the display.
the actual cms_focus routine is listed below. all it really does is to set
the focus of the given div/id the given section/id of 99 is set to be a
block display, with the rest set to be unseen.
any ideas/help would be useful.. i'm pretty sure i'm running into a simple
problem.. this should be doable.
if you need me to, i can supply the entire test php page, as it's not too
long.
also, if you need additional clarification, let me know.. this might be
somewhat jumbled.
thanks
-bruce
bedouglas@earthlink.net
test cms_focus function
<script language="javascript" type="text/javascript">
<!--
function cms_focus (element, index) {
e = document.getElementById (element);
p = document.getElementById ('cms-panels');
alert(element+" "+index);
if (element == 'cms-edit') {
if (index == 1) {
document.getElementById('role').style.display = 'none';
document.getElementById('team').style.display = 'none';
document.getElementById('disabled').style.display = 'none';
document.getElementById('public').style.display = 'none';
} else {
document.getElementById('role').style.display = 'inline';
document.getElementById('team').style.display = 'inline';
document.getElementById('disabled').style.display = 'inline';
document.getElementById('public').style.display = 'inline';
//e = document.getElementById (element);
p = document.getElementById ('cms-panels');
f = document.getElementById ('subbtn');
//e.style.left = p.offsetLeft;
//e.style.top = p.offsetTop - 100;
f.style.top = p.offsetTop - 40;
document.getElementById('subbtn').style.display = 'block';
}
}
if (element == 'cms-properties') {
if (index == 1) {
document.getElementById('cms-properties').style.display = 'none';
} else {
e = document.getElementById ('cms-properties');
f = document.getElementById ('subbtn');
p = document.getElementById ('cms-panels');
e.style.left = p.offsetLeft;
e.style.top = p.offsetTop - 690;
f.style.top = p.offsetTop - 650;
document.getElementById('cms-properties').style.display = 'block';
document.getElementById('subbtn').style.display = 'block';
}
}
if (element == 'cms-state') {
if (index == 1) {
document.getElementById('cms-state').style.display = 'none';
} else {
e = document.getElementById ('cms-state');
f = document.getElementById ('subbtn');
p = document.getElementById ('cms-panels');
e.style.left = p.offsetLeft;
e.style.top = p.offsetTop - 690;
f.style.top = p.offsetTop - 650;
document.getElementById('cms-state').style.display = 'block';
document.getElementById('subbtn').style.display = 'block';
}
}
e.style.zIndex = index;
if (index == 99) {
b = document.getElementById (element + '-button');
b.style.fontWeight = 'bold';
b.style.backgroundColor = 'eee';
b.childNodes[0].style.color = 'd60';
} else {
b = document.getElementById (element + '-button');
b.style.fontWeight = 'normal';
b.style.backgroundColor = 'A9B7C4';
b.childNodes[0].style.color = 'fff';
}
return true;
}
function cms_copy_values (f) {
edit = document.getElementById ('cms-edit-form');
f.elements.id.value = edit.elements.id.value;
f.elements.title.value = edit.elements.title.value;
xed_copy_value (edit, 'body');
f.elements.body.value = edit.elements.body.value;
prop = document.getElementById ('cms-properties-form');
f.elements.template.value = prop.elements.template.value;
f.elements.below_page.value = prop.elements.below_page.value;
f.elements.is_section.value = prop.elements.is_section.value;
f.elements.keywords.value = prop.elements.keywords.value;
f.elements.description.value = prop.elements.description.value;
f.elements.external.value = prop.elements.external.value;
f.elements.include.value = prop.elements.include.value;
state = document.getElementById ('cms-state-form');
f.elements.sitellite_status.value = state.elements.sitellite_status.value;
f.elements.sitellite_access.value = state.elements.sitellite_access.value;
f.elements.sitellite_startdate.value =
state.elements.sitellite_startdate.value;
f.elements.sitellite_expirydate.value =
state.elements.sitellite_expirydate.value;
f.elements.changelog.value = state.elements.changelog.value;
}
function cms_preview_action (f) {
cms_copy_values (f);
return cms_preview (f);
}
function cms_cancel_action (f) {
cms_copy_values (f);
if (confirm ('Are you sure you want to cancel?')) {
return cms_cancel (f);
}
return false;
}
// -->
</script>
complete div/onClicks..
----------------------------------
<div id="cms-state-button"><a href="#" onclick="cms_focus ('cms-edit', 1);
cms_focus ('cms-properties', 1); cms_focus ('cms-state', 99); this.blur ();
return false">Access</a></div>
<div id="cms-properties-button"><a href="#" onclick="cms_focus ('cms-edit',
1); cms_focus ('cms-properties', 99); cms_focus ('cms-state', 1); this.blur
(); return false">Contact</a></div>
<div id="cms-edit-button"><a href="#" onclick="cms_focus ('cms-edit', 99);
cms_focus ('cms-properties', 1); cms_focus ('cms-state', 1); this.blur ();
return false">Account</a></div>
Navigation:
[Reply to this message]
|