• 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

    • I would love to see Musk's face! 🤣🤣🤣
    • I think each AI option has their ups and downs. For Copilot, I find it more personable in how it talks compared to GPT & Gemini. I also appreciate the open ended questions it often provides at the end of its responses to keep the conversation going.
    • Microsoft offers free access to AI video creation with Bing Video Creator by Pradeep Viswanathan Two years ago, Bing Image Creator became one of the first major online services that allowed users to create images from text using OpenAI’s DALL-E model. Today, Microsoft is introducing Bing Video Creator, powered by OpenAI’s Sora, allowing users to create videos with text prompts. Despite announcing Sora last year, OpenAI has not been able to expand its availability to millions of ChatGPT users due to huge AI infrastructure requirements. It is still only available to ChatGPT Pro subscription users, which costs about $200 per month. Recently, Google announced its Veo 3 video generation model, which performs significantly better than OpenAI’s Sora, to all Gemini paid subscribers, making video generation accessible to even Gemini Pro subscribers, which costs just $20 per month. Now, Microsoft is democratizing access to video generation models by making Bing Video Creator free for all Bing users. Bing Video Creator is rolling out today globally (excluding China and Russia) on the Bing Mobile App, and it will be coming soon to the Bing desktop experience within Copilot Search. Bing Video Creator users will have the ability to choose between Fast and Standard generation speeds. Each user will have 10 Fast creations; following that, users can redeem 100 Microsoft Rewards points for each Fast creation or continue with Standard creation speeds. Once you have downloaded the Bing mobile app, here’s how you can access the Video Creator feature: Open Video Creator within the Bing Mobile app by clicking on the menu in the bottom right corner and selecting “Video Creator.” Just type in a text description of the video you want to create in the prompt box. Once the prompt text is ready, just tap “Create.” Or you can also just type directly into the Bing mobile app search bar "Create a video of..." to create a video. You’ll receive a notification when your video is ready to view. If required, you can also download the video or share it via social media or email. You will also have the ability to copy a direct link to the video for easy sharing elsewhere. Microsoft will be storing the generated videos for up to 90 days in your account for easy access later. Microsoft noted that the Bing Video Creator videos are 5 seconds long and can be created only in 9:16 format for now. Microsoft will be adding the 16:9 format soon. When you are waiting for your video to be created, you can also queue up another two videos. Once one of the slots becomes available, you can add another one to the queue. When Bing Video Creator becomes available on desktop, you can visit Bing.com/create for both image and video creation needs.
    • AMD 9060 XT performance benchmarks vs Nvidia 5060 Ti, 5060, AMD 9070 XT, 7600 XT, leaks by Sayan Sen AMD is preparing to launch the RX 9060 XT next and it will be available in two variants, one with 16 GB VRAM and another with half of that at 8 GB. The company publicly defended the latter explaining how it felt there is still a huge market for it as many users do not actually need more than that. We recently wrapped up our review of the AMD Radeon 9070 series with the RX 9070 scoring a 9 out of 10 for AI testing and 7.5 out of 10 in gaming. If you read our reviews you will see that the performance of the is decent for the price but it is definitely more efficient than its XT counterpart. Thus we already have a fairly good idea of how it performs. With the RX 9060 XT launch scheduled for June 5 later this week, reviewers are starting to test the GPU. As such, one such review has accidentally leaked early and it has revealed the performance of the RX 9060 XT variant against the likes of AMD's own 9070 series, 7700 XT, 7600 XT, as well as Nvidia's RTX 5060 Ti, 5060, and more. On average at 1440p, the 9060 XT 16 GB model appears to be a bit slower than the 7700 XT as well as Nvidia's 5060 Ti 16GB. Interestingly though the Radeon GPU does seem to be offering better minimums so maybe we could see a smoother gaming experience overall despite a lower average. AMD says that it is expecting better than 5060 Ti 8GB performance with the 9060 XT 16 GB. The former has an MSRP of $379 while the latter is priced $349. Versus the $299 GeForce 5060 (8GB), the 9060 XT 16 GB is about 10% better but the minimums are a whopping 43% higher. AMD's 9060 XT is also showing excellent performance in case of ray tracing (RT) as you can see in Cyberpunk 2077 above where it is giving comparable throughput as the 7800 XT and is miles better than its preceeding 7600 XT with 63% boost. We see a similar situation in Black Myth: Wukong as well which is another RT heavy game. To understand how AMD achieved the ray tracing gains on RDNA 4, you can read our architecture overview article here. Source and images: BasedDaemonTargaryen (Reddit)
  • Recent Achievements

    • 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
    • First Post
      ClarkB earned a badge
      First Post
    • Week One Done
      Epaminombas earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      149
    2. 2
      Xenon
      122
    3. 3
      ATLien_0
      122
    4. 4
      snowy owl
      99
    5. 5
      +Edouard
      95
  • Tell a friend

    Love Neowin? Tell a friend!