• 0

OnClick with php variable?


Question

i know that using the OnClick tag, you can change javascript variables, im trying to do the same thing but change a PHP variable..

i also want to be able to do it on the same page without the page reloading.

im sure its really really ez to do, the answer is punching me in the face and i cant figure it out.

Link to comment
https://www.neowin.net/forum/topic/580888-onclick-with-php-variable/
Share on other sites

23 answers to this question

Recommended Posts

  • 0

It depends on how you are using the variable. For example if you have this link:

<a href='somepage.php?id=value'>URL</a>. You can use Javascript to change the target href to something like somepage.php?id=another_value.

But if you wish to change the variable value from a PHP file. Then you will need to use ajax to use javascript to communicate with the file, set the new value.

  • 0
  roosevelt said:
It depends on how you are using the variable. For example if you have this link:

<a href='somepage.php?id=value'>URL</a>. You can use Javascript to change the target href to something like somepage.php?id=another_value.

But if you wish to change the variable value from a PHP file. Then you will need to use ajax to use javascript to communicate with the file, set the new value.

ya, i dont want to do variable in the address, becuase its something really simple, that im justing using for a quick fix.

like i want to change $tinyfix = 1; into $tinyfix = 2; on click.

  • 0

Since the PHP-code is executed at the server, all PHP-code has been executed, and should be considered "dead", by the time the page is loaded in your web browser.

Javascript code is executed at the client after the page has been loaded in your web browser. That's why Javascript cannot talk with PHP code.

The only solution is to reload the entire page, as roosevelt said, or parhaps a part of the page as Code.Red said. There is no other option.

  • 0
  n3Mo said:
Since the PHP-code is executed at the server, all PHP-code has been executed, and should be considered "dead", by the time the page is loaded in your web browser.

Javascript code is executed at the client after the page has been loaded in your web browser. That's why Javascript cannot talk with PHP code.

The only solution is to reload the entire page, as roosevelt said, or parhaps a part of the page as Code.Red said. There is no other option.

ya i realized that after. i also realized that i can do the thing i wanted with html i believe.... can i do an OnClick html?

p.s.

OMG NEMO! ur sig! :o i used to play that game so much on my NES when i was a kid :p

  • 0

onclick is an attribute of any HTML element and is handled by JavaScript.

&lt;h1 onclick="alert('I am going to change `'+this.innerHTML+'` to `y0 mamma!`'); this.innerHTML = 'y0 mamma!'"&gt;Some text&lt;/h1&gt;

Alternatively, you can call a JavaScript function when onclick is executed:

&lt;script type="text/javascript"&gt;
function modify_text(obj, txt)
{
	alert('I am going to change `'+obj.innerHTML+'` to `'+txt+'`');
	obj.innerHTML = txt;
}
&lt;/script&gt;
&lt;h1 onclick="modify_text(this, 'y0 mamma!');"&gt;Some text&lt;/h1&gt;

More information on the onclick Event.

  • 0

ok ill explain what im trying to do and you can try to fashion an example for me.

right now, i have a javascript were when i click a button a drop down box appears, but when it appears it pushes all the text down the page, which i dont want it to do.

so what i want to do is set the margin to 30px; (or more) and then when i click the button to make the drop down box appear, i want the margin to change to 10px; so that none of the text moves, and theres still nice spacing.

  • 0

&lt;script type="text/javascript"&gt;
function toggle_display(id)
{
    var e = document.getElementById(id);

    if(e != undefined)
    {
        if(e.style.margin == '40px')
            e.style.margin = '10px';
        else
            e.style.margin = '40px';
    }
}
&lt;/script&gt;

&lt;input type="button" onclick="toggle_display('divIDName');" value="Click me!" /&gt;

What this will do is toggle the margin from 10 to 40px. If the margin is not 40px, it will make it 40px. If it is 40px, it will reset it to 10px.

If this is not the behavior you want, then you will want to remove the if(e.style.margin == '40px') conditional and simply set the margin to 40px. I added error checking just in case the element ID you pass is invalid.

  • 0
  Mathachew said:
What this will do is toggle the margin from 10 to 40px. If the margin is not 40px, it will make it 40px. If it is 40px, it will reset it to 10px.

If this is not the behavior you want, then you will want to remove the if(e.style.margin == '40px') conditional and simply set the margin to 40px. I added error checking just in case the element ID you pass is invalid.

yes, awesome!

thanks a ton :woot:

  • 0

arg i cant get it working.

i had it partiallly working, then i messed it up somehow.

&lt;html&gt;

&lt;head&gt;
&lt;link href='css.css' type='text/css' rel='stylesheet'&gt;
&lt;/head&gt;

&lt;body&gt;


&lt;div id='themargin'&gt;

hey this should be in a box.

&lt;/div&gt;

this should be outside the box. &lt;br/&gt;&lt;br/&gt;


&lt;script type="text/javascript"&gt;
function toggle_display(id)
{
var e = document.getElementById(id);

if(e != undefined)
{
if(e.style.margin == '40px')
e.style.margin = '10px';
else
e.style.margin = '40px';
}
}
&lt;/script&gt;

&lt;input type="button" onclick="toggle_display('themargin');" value="Click me!" /&gt;

&lt;/body&gt;
&lt;/html&gt;

#themargin {
	margin:40px;
	border:1px solid orange;
	padding:5px;
}

  • 0

It's because the margin property expects something like "40px 40px 40px 40px," not just "40px." The rendering engine understands this and replaces it with the correct form.

Something like this will work:

&lt;script type="text/javascript"&gt;			
function toggle_display(id)
{
	var e = document.getElementById(id);
	if(e != undefined)
	{
		if(e.style.margin.indexOf('40px') &gt;= 0 || e.style.margin == "") 
			e.style.margin = '10px'; 
		else
			e.style.margin = '40px';
	}
}
&lt;/script&gt;

Note that in Firefox, before you tell the javascript to set the margin property, javascript thinks that the property is empty, so we also check this in the if statement. I don't exactly know why this is or if there is a better way to deal with this, but in my experience I just do it this way.

  • 0

use event listeners

Much better than using the old on* method's, no idea why people don't use them more often.

Edit:

http://developer.mozilla.org/en/docs/DOM:e...ddEventListener

And since IE, as always goes against the trend, http://developer.mozilla.org/en/docs/DOM:e...ternet_Explorer

Edit 2: Although you shouldn't run into this until you start doing more advanced things, IE also handles the event passing wrong (i.e. not what the spec says), so you'll have to add more code to do the same thing than in Mozilla or such, here's some code, it's only an extra line, but it shouldn't be needed anyway. http://www.howtocreate.co.uk/wrongWithIE/?...r=Event+Objects

Edited by The_Decryptor
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Microsoft's new AI tools: What "Researcher" and "Analyst" mean for your work by Paul Hill Microsoft has announced the general availability of two new reasoning AI agents called Researcher and Analyst. Both were previously available for Microsoft 365 Copilot Frontier members, but now they’re available for all Microsoft 365 Copilot license holders. Researcher is capable of multi-step research by combining OpenAI’s deep research model with Microsoft 365 Copilot’s orchestration and deep search capabilities. The Analyst agent can think like a data scientist, giving you insights in minutes from raw data. Analyst is built on OpenAI’s o3-mini. Microsoft says it can run Python to tackle the most complex data queries and you can view the code it’s running to verify its work in real time. Who it affects, and how While Frontier members have had access to these agents since April, they’ve only just been announced for general availability. The Copilot in question is not Microsoft’s free Copilot either, but the Copilot that comes as part of Microsoft 365 and includes additional features. To access it, you will have to pay for a $30 per month paid yearly subscription. Existing customers should now have access to both of these agents. While there is certainly angst in the world about the influence of AI on our jobs, Microsoft still maintains that it’s an assistant tool. These two new agents look set to benefit professionals across a range of roles including researchers and strategists, data analysts and scientists, sales and marketing teams, and anyone who just wants to summarize or synthesize information fast. The Researcher agent is helpful for gathering insights, preparing for negotiations, and assessing impacts such as the impact of tariffs on businesses. Meanwhile the Analyst agent can be used to convert raw data into actionable insights, identifying customer behaviors, and visualizing trends. It’s not all good news, Microsoft does have some limitations in place to ensure reliability of its service for all customers. The Redmond giant explains that the pre-pinned agents can run up to 25 combined queries per month - so that’s not 25 queries per agent, it’s for both together, each month. Additionally, Researcher supports 37 languages, but Analyst only supports eight, with more coming soon. Why it's happening Agents have been all the rage since the end of 2024 when figures in big tech declared that 2025 would be the year of agentic AI. Agents are capable of multi-step work and bring us closer to the goal of artificial general intelligence (AGI). These agents that Microsoft has unveiled are possible now thanks to the development of OpenAI’s deep research model and o3-mini, which also reasons. Earlier this year, Microsoft declared that it wanted to empower employees everywhere with AI agents and the release of Researcher and Analyst goes a long way in doing this. They will be beneficial for employees in many different fields and have the potential to free up a lot of time for more beneficial work. Customers in the Frontier program, Microsoft said, found these new tools to be highly effective for complex analytical work. This is great for Microsoft financially because it shows clear demand for such tools, justifying AI’s upfront development costs. These agents also help Microsoft keep up against the competition, which is also aggressively pursuing agents. What to watch for Microsoft said that its Researcher agent is much more accurate than everything that came before, thanks to the time it spends thinking about its answer. However, AI does still possess the ability, just like humans, to make mistakes. Verifying the creations of these agents is still crucial when it comes to anything mission critical. The Analyst agent’s ability to let the user see the steps and which Python code it executes is very good for transparency and can help combat errors if things ever start to go wrong with the agent’s reasoning. This could help to build trust among customers who need to use the Analyst agent and could set Microsoft’s offering apart from the competition, giving it an edge. Another thing customers should be aware of is the prompt they use matters. Microsoft tries to guide customers along with sample prompts but to get the most from these tools, users will need to know how to create effective and precise prompts. The good thing is that these bots are spoken with natural language, so it’s just a matter of being articulate and precise when you give a prompt. It will certainly be interesting to see how agents like these continue to affect employees’ job security in the future. While AI can certainly be helpful, if it develops to a point where an employer can effectively hire AI for a low cost to do the same work, then it could lead to massive displacement, with not enough new jobs for people to move into. This point has recently been elucidated by Anthropic’s CEO Dario Amodei. Source: Microsoft
    • I'm wondering if they are doing this as a "backup" in case CISA ceases to exist. It almost did recently due to funding and it's future is shaky. CISA - https://www.cisa.gov/known-exploited-vulnerabilities-catalog Example "CVE-2023-39780" https://www.cve.org/CVERecord?id=CVE-2023-39780 ASUS RT-AX55 Routers OS Command Injection Vulnerability
    • Over regulation is bad. That's why the EU is behind the US. But, it's a good thing the EU stepped in, in this case.
  • Recent Achievements

    • One Year In
      WaynesWorld earned a badge
      One Year In
    • First Post
      chriskinney317 earned a badge
      First Post
    • Week One Done
      Nullun earned a badge
      Week One Done
    • First Post
      sultangris earned a badge
      First Post
    • Reacting Well
      sultangris earned a badge
      Reacting Well
  • Popular Contributors

    1. 1
      +primortal
      172
    2. 2
      ATLien_0
      125
    3. 3
      snowy owl
      123
    4. 4
      Xenon
      118
    5. 5
      +Edouard
      92
  • Tell a friend

    Love Neowin? Tell a friend!