Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

Avatar for Username

Mozilla Destek’te Ara

Destek dolandırıcılığından kaçının. Mozilla sizden asla bir telefon numarasını aramanızı, mesaj göndermenizi veya kişisel bilgilerinizi paylaşmanızı istemez. Şüpheli durumları “Kötüye kullanım bildir” seçeneğini kullanarak bildirebilirsiniz.

Daha Fazlasını Öğren

Bu başlık arşivlendi. Yardıma ihtiyacınız varsa lütfen yeni bir soru sorun.

Content changes dynamically using javascript but effects does not remain permanant

  • 2 yanıt
  • 1 kişi bu sorunu yaşıyor
  • 32 gösterim
  • Son yanıtı yazan: mahesh_chavan

mahesh_chavan
mahesh_chavan
more options

When I use javascript to change font/color/size or inner html, it works temporarily only. Changes does not remain permanent. e.g.

<title>Showing Charset</title> <style type="text/css"> .head_class {color:red;font-size:60;font-family:impact;} </style>

<script type="text/JavaScript"> function chngFont() { var el2 = document.getElementById('myfont'); var sfont = el2.value; document.getElementById('head').className = 'head_class'; document.getElementById('head').innerHTML = sfont; // alert(document.seefont.fonttosee.value); } </p><p></script>

Charset

<form name="seefont"> <input type="text" id="myfont" name="fonttosee" size="20" value="arial"> <button onclick="chngFont()">Change font</button> </form>


When I click the button class head_class is applied to heading id "head" and even the text is change to font name entered but just momentarily. If I use alert in the function, the changes remain only till alert is on the screen. The same code works in IE forever ( The changes remain permanent. What are the settings in firefox to make the changes using javascript permanent ?

When I use javascript to change font/color/size or inner html, it works temporarily only. Changes does not remain permanent. e.g. <HTML> <BODY BGCOLOR#FFFF00> <HEAD><TITLE>Showing Charset</TITLE> <STYLE type="text/css"> .head_class {color:red;font-size:60;font-family:impact;} </STYLE> <script type="text/JavaScript"> function chngFont() { var el2 = document.getElementById('myfont'); var sfont = el2.value; document.getElementById('head').className = 'head_class'; document.getElementById('head').innerHTML = sfont; // alert(document.seefont.fonttosee.value); } </script> </head> <body bgcolor=#ffff00> <h1 align=center id="head">Charset</h1> <form name=seefont > <input type="text" id="myfont" name="fonttosee" size=20 value="arial"> <button onclick="chngFont()">Change font</button> </form> </BODY></HTML> When I click the button class head_class is applied to heading id "head" and even the text is change to font name entered but just momentarily. If I use alert in the function, the changes remain only till alert is on the screen. The same code works in IE forever ( The changes remain permanent. What are the settings in firefox to make the changes using javascript permanent ?

mahesh_chavan tarafından tarihinde düzenlendi

Seçilen çözüm

Your <button> might be submitting the form and causing the page to refresh. Try this to prevent form submission: 

<button onclick="chngFont(); return false;">
Bu yanıtı konu içinde okuyun 👍 1

Tüm Yanıtlar (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Seçilen çözüm

Your <button> might be submitting the form and causing the page to refresh. Try this to prevent form submission: 

<button onclick="chngFont(); return false;">
mahesh_chavan
mahesh_chavan Sorunun sahibi
more options

Thank you so much jscher2000 ! Firefox reloads the page automatically and that was the problem. Now the changes remains permanent

mahesh_chavan tarafından tarihinde düzenlendi