Solved

calling a PHP function throu JS's - 'onClick' ?

Posted on 2004-08-17
11
3,706 Views
Last Modified: 2013-11-19
hello.
would like to ask if it is posibale to call a PHP function throu JS's 'onClick'.
I've tryied soemthing like that:
onClick="<? roll(); ?>;"     which i don't think is working..
would be happy to hear comments.
thanx. ori.
0
Comment
Question by:orik7
  • 5
  • 2
  • 2
  • +2
11 Comments
 
LVL 13

Expert Comment

by:StormyWaters
ID: 11823159
PHP is serverside; everything is parsed before the user ever sees the document. Javascript, on the other hand, is interpretted by the browser. The two languages are unrelated, so it's not possible to call a PHP function through a clientside feature. Some PHP functions can be implemented by javascript. What is it that you intend to accomplish?
0
 

Author Comment

by:orik7
ID: 11823369
something like that:
--------------
<html>
<title></title>
<?php
function roll(){
$link1="</td></tr><tr><td>sub1</td></tr><tr><td>sub2";
}
?>
</head>
<body>
<table width="130" border="1">
<tr>
<td onClick="<? roll(); ?>;">
link1
<? echo $link1; ?>
</td>
</tr>
</table>
</body>
</html>
------------------------------------
thanx.
0
 
LVL 8

Expert Comment

by:GEM100
ID: 11823407
No, this is not the best approach. You can use <div></div> and use Javascript to add data to DIV layer on click, by using  divid.InnerHTML
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:orik7
ID: 11823495
i am right now using divs on www.oris.ws over the menu at the left side. i heard it not working on some browsers so thought to an alternate..
0
 
LVL 1

Accepted Solution

by:
C7Swill earned 125 total points
ID: 11824517
Hey Orik,

The best way that I can think of would be to use hidden rows.

<table>
 <tr id="Section1" style="display:none;">
   <td>
     Content
    </td>
  </tr>
  <tr id="Section2" style="display:none;">
    <td>
      Content
    </td>
   </tr>
</table>

Then for you buttons in the onclick call a javascript function that shows or hides rows.

Use this function:

function showHideRow(el, showhide) {
  if (document.all){
        var whichRow = document.all[el];
        if(showhide == "show" ) {
            whichRow.style.display = "";
            } else {
            whichRow.style.display = "none";
              }
  } else if (document.getElementById){
        var whichRow = document.getElementById(el);
        if(showhide == "show" ) {
            whichRow.style.display = "table-row";
        } else {
            whichRow.style.display = "none";
        }
  }
}

So:

onClick="showHideRow('Section1', 'show'); return false;"

will show hidden section1.

onClick="showHideRow('Section1', ''); return false;"

will hide section1.

Hope this makes things easier.

--Sean
0
 

Author Comment

by:orik7
ID: 11824755
Sean, thanx alot for the efforts. but will this code work on browsers like 'mozila' 'NS' and others?
ori.
0
 

Author Comment

by:orik7
ID: 11824780
Sean, i'm asking because as i said i have something that is working but there's the browsers issus that are not solved- so if i'm replacing it it's better to have a good start (to have a code that will be more fitbale to other browser than IE).
thanx. ori.
0
 

Author Comment

by:orik7
ID: 11824789
and increasing points a bit..
0
 
LVL 1

Expert Comment

by:C7Swill
ID: 11825028
Hey Orik, this will work on mac on ie, safari, mozilla firefox...
and pc: ie, mozilla firefox, netscape all latest versions.

That's all I currently have on my system but the only thing limiting cross-browser would be the javascript function
showHideRow.

 if (document.all){
and
  } else if (document.getElementById){

check for two different document object types so logically you could add as many as you want.

function showHideRow(el, showhide) {
// add opera compat
   if (navigator.userAgent.indexOf("Opera") != -1) { //Opera
     whichRow = eval('document.all.' + el);
       if(showhide == "show" ) {
          whichRow.style.display = "table-row";
       } else {
          whichRow.style.display = "none";
       }
   }  else if (document.all){
       var whichRow = document.all[el];
       if(showhide == "show" ) {
          whichRow.style.display = "";
            } else {
          whichRow.style.display = "none";
              }
  } else if (document.getElementById){
       var whichRow = document.getElementById(el);
       if(showhide == "show" ) {
          whichRow.style.display = "table-row";
       } else {
          whichRow.style.display = "none";
       }
  }
}

This function adds in opera capability.

--Sean
0
 
LVL 8

Expert Comment

by:GEM100
ID: 11825045
You can't do what you need with PHP, the concept is wrong in itself. If browser doesn't support DOM, then you can't do it. Mozilla supports DOM, old versions don't, Netscape/Mozilla started supporting it much later than IE.
0
 
LVL 1

Expert Comment

by:Robertonio
ID: 11999258
Could you explain better what you need this code to do? so far, I see Sean's solution as the best and I dont think you'll find a lot of browsers that dont support the mentioned solution. I am pretty sure the vast majority of people that visit your site use either MSIE or the latest Mozilla.

Also, i think you need to understand a bit more of PHP and JS. Like it has been mentioned before, PHP works serverside and JS works clientside, which means that PHP functions work while the document is still being procesed at the web server and JS is processed when the document reaches the browser at the client machine which means you CANT do the onClick call of a PHP function UNLESS you actually referred to another URL.

All is not lost, though. You CAN do some things like submiting to a PHP document using java or you can also navigate to such document using a popup window (if you wish your main window to stay on the same document).

Just a couple of suggestions.. elaborating on your question would help us come up with a solution too.

Hope this helps.
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Best practice for a landing page 3 61
how to build a intranet site 8 36
Select only the top record in a left join 13 34
Forms that calculate points for wordpress 10 17
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now