2012-01-06 22 views
5

में एक PHP चर प्रदर्शित करने के लिए कैसे मैं सिर्फ यह जानना चाहता हूं कि मैं जावास्क्रिप्ट चर को HTML में कैसे प्रदर्शित कर सकता हूं?एचटीएमएल

नीचे मेरी php कोड है:

var duration = <? echo $postduration; ?>; 

धन्यवाद (चर के ऊपर एक php चर को पुनः प्राप्त करने के लिए php का उपयोग करता है)

+0

क्या आप ऊपर लिखा है जावास्क्रिप्ट एक चर को पुन: प्राप्त नहीं है। PHP पाठ में $ postduration के मान को आउटपुट कर रहा है जिसे बाद में ब्राउज़र द्वारा जावास्क्रिप्ट के रूप में चलाया जाएगा .. यदि आप उन चीजों के क्रम को समझ नहीं पाते हैं जो आप बहुत सारे सिर-स्क्रैचिंग के लिए हैं। – paislee

+0

एक php चर पुनर्प्राप्त करने के लिए जावास्क्रिप्ट का उपयोग करता है 'में बहुत अच्छा गंध नहीं है। क्या आप चाहते हैं कि जावास्क्रिप्ट सर्वर पर संग्रहीत एक मान पढ़े? यदि यह मामला है जो आपको चाहिए AJAX है। –

+0

वैसे मेरा मतलब था कि मैं उपर्युक्त कोड का उपयोग करना चाहता हूं "var अवधि = ;" $ postduration (जो 100 है) से मूल्य प्राप्त करने के लिए और फिर जावास्क्रिप्ट चर – BruceyBandit

उत्तर

8

Ma अपने कोड ke jQuery साथ अधिक संक्षिप्त:

(1) अपने <head> में इस जोड़ें:

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 

(2) एक तत्व जहाँ आप चाहते हैं चर प्रदर्शित करने के लिए बनाने के लिए, और यह एक आईडी दे, उदाहरण के लिए:

<span id="printHere"></span> 

(3) अपने जावास्क्रिप्ट में इस जोड़ें:

var duration="<?php echo $postduration ?>"; 
$('#printHere').html(duration); 
,210

अपने PHP के लिए, निम्न दो विकल्प का प्रयास करें:

<?=$postduration?> 

या ...

<?php echo $postduration; ?> 
+0

हाय, मैं वास्तव में पहले से ही jquery कोड हूँ लेकिन यह पाठ प्रदर्शित नहीं करता है। मेरे पास प्रासंगिक स्क्रिप्ट टैग है लेकिन यह मेरे अवधि में कुछ भी प्रदर्शित नहीं कर रहा है। मैं अपने कोड को जेएसफ़िल्ड में प्रदर्शित करूंगा ताकि आप इसे देख सकें। http://jsfiddle.net/SLbKX/4/, क्या मुझे jquery के ऊपर php टैग में php चर प्रदर्शित करने की आवश्यकता है या यह jquery के नीचे जा सकता है क्योंकि फिलहाल php चर jquery code – BruceyBandit

+0

से नीचे होना चाहिए उपरोक्त है कि आप एक वेरिएबल का संदर्भ दे रहे हैं जो पहले से मौजूद है .. मान लीजिए कि आपने इसे अपने जेएसफ़ील्ड में जिस तरीके से देखा है, उसे काम करना चाहिए, अगर PHP पेज को उत्पन्न कर रहा है तो इसे काम करना चाहिए। आप एक .php फ़ाइल संपादित कर रहे हैं, है ना? – paislee

+0

हां यह एक php फ़ाइल है, यह अभी भी आश्चर्यजनक रूप से प्रदर्शित नहीं कर रहा है, मेरा कोड इस अद्यतन पहेली में है, http://jsfiddle.net/SLbKX/7/, मुझे कुछ भी गलत नहीं दिख रहा है लेकिन मुझे नहीं पता जब आप ब्राउज़र में CTRL + U दबाते हैं तो आपको – BruceyBandit

8

बस सीधे php चर प्रदर्शित क्यों उपयोग नहीं करते एचटीएमएल में?

बस $postduration echos "कुछ" कहें।

Here is some text. 
+0

क्योंकि मैं उस चर पर गणना के लिए जावास्क्रिप्ट का उपयोग करना चाहता हूं और PHP को पृष्ठ लोड की आवश्यकता होती है जब गणना बदलती है जबकि जावास्क्रिप्ट – BruceyBandit

+0

@ user1131869 मैंने अद्यतन कोड पोस्ट किया है। – blake305

+0

[@ user1131869] (http://stackoverflow.com/users/1131869/user1131869) क्या आप PHP या जावास्क्रिप्ट के साथ गणना करेंगे? –

3
document.getElementById('yourElementId').innerHtml = duration; 
+1

यह शायद सबसे समझदार तरीका है। शायद 'yourDiv' से 'yourElementID' में बदल सकते हैं? – paislee

+0

@paislee ने आपके सुझाए गए संपादन को शामिल किया ;-) – Atonewell

2

यहाँ DIV की सामग्री के साथ एक पृष्ठ पर एक DIV जोड़ने के लिए एक तरीका है:

Here is <script>document.write(duration)</script> text. 

यहाँ उत्पादन किया जाएगा: यहाँ "कुछ" प्रतिध्वनित करने के लिए जावास्क्रिप्ट कोड है आपके PHP var का मान:

<script> 
var duration = <? echo $postduration; ?>; 
var div = document.createElement("DIV"); 
div.appendChild(document.createTextNode(duration)); 
document.body.appendChild(div); 
</script> 
0

नहीं, प्रतीक्षा करें, यह गलत है। सबसे पहले, उपरोक्त जावास्क्रिप्ट कहीं से भी "पुनर्प्राप्त" नहीं करता है (न तो php, और न ही कहीं और)। पीएचपी जावास्क्रिप्ट उत्पन्न करता है, जिसका अर्थ है कि अगर $ 5 की अवधि 5 है, तो आपको var duration = 5; मिलेगा, और यदि पोस्ट अवधि = "परीक्षण" होगा, तो आपको var duration = test; मिलेगा (जो अमान्य जावास्क्रिप्ट और क्रैश/आपके एप्लिकेशन में अवांछित चीजें होने का कारण होगा।

अंतिम, html में जावास्क्रिप्ट से एक चर प्राप्त करने के लिए, आप या तो (innerHTML या ऐसा ही कुछ के साथ) किसी अन्य वस्तु की सामग्री की जगह है, या आप एक नए तत्व बना सकते हैं और सम्मिलित है कि पेज में।

उदाहरण यहां: http://jsfiddle.net/SLbKX/

+0

मैं सिर्फ यह जानना चाहता हूं कि टैग में 2 आईडी है, क्योंकि मैं एक अवधि में चर से सामग्री प्रदर्शित करना चाहता हूं लेकिन मुझे लगता है कि मैं प्रदर्शित करने के लिए 1 आईडी का उपयोग कर सकता हूं परिवर्तनीय और दूसरी आईडी से सामग्री उस अवधि पर कुछ गणना करने के लिए? – BruceyBandit

+0

@ user1131869 lolwut ?! – Chad