ဦးစြာ

Code:

[You must be registered and logged in to see this link.]

ကိုသြားလိုက္ပါ ျပီးေတာ႔

username ျဖည္႔ပါ
password ျဖည္႔ပါ အဲဒိအခါျပီးရင္

address bar မွာ ေအာက္ကကုတ္ေလးကိုရိုက္ထည္႔ၾကည္႔ပါ

Code:

javascript: alert(document.getElementById('Passwd').value);

ကဲ႔ဘယ္လိုျဖစ္သြားလဲ software မလိုဘူးေနာ္ အျခား page ေတြမွာလည္းလုပ္လိုရတယ္

Can You Explain me about this code?
I think the explanation is needed for newbies, like me!!!

anyway Thanks For Your Sharing
Opera

အစ္ကို opera စမ္းၾကည္႔ပါဦး ရွည္ရွည္းေ၀းေ၀းမေတြးနဲ႔ ကၽြန္ေတာ္ကရိုးရိုးေလးေရးထားတာ

No Bro.
I understand the process of that line of codes.
Everybody will understand your post when they try to do as you told.
But they really don't know How this code work, I mean "Which code(keyword) is for which process" and They never thought that things.
They are happy when they can do as you told.

One line of your Explanation will be useful for the user.

Thanks

ကို Opera သိခ်င္ေနတာကို ကြ်န္ေတာ္ရွင္းၿပေပးပါမယ္

"javascript:" - This will tell the browser that we will use the JS
"alert" - This make the popup Effect
"document.getElementById"- This will get the HTML element ID from that Entire HTML Page
"Passwd" - this is the Element ID Name that we want
"value" - this is the value for that ID

so this code will show the Value of the Passwd element from Google sign In Page.
You need to change the ID Name as the page is different since the Page might use different ID.

Rgds,
$ƴǩǾ

Ahh, Thanks 4 da reply(explanation) Bro.
I'm waiting the reply for this Thread and when I got email alert, I come here.
Good explanation and I understand it bro.

but I just confuse one thing.
why the *** become the "abcd" when the alert occur? I mean Real Pswd.

which line of code perform that function?

Thanks
Opera

bro... Opera.... User တစ္ေယာက္က Gmail login Page မွာ သူ႔ Password ကိုရိုက္လိုက္မယ္ဆိုရင္ Passwd ဆိုတဲ့ ID ထဲကို ေရာက္သြားပါတယ္.... အေပၚဘက္က Code က ID ထဲမွာရိွတဲ့ေကာင္ကို alert အေနနဲ႔ထုတ္ဖို႔ေရးထားပါတယ္...ဒီေနရာမွာ ကၽြန္ေတာ္တို႔ ရိုက္လိုက္တာေတြက *** ေတြအေနနဲ႔ ID ထဲကို ေရာက္သြားတာမဟုတ္ပါဘူး*** ေတြက ကိုယ္ရိုက္လိုက္တဲ့ password ဘာလဲမျမင္ရေအာင္ protection သေဘာပါပဲ....ဒီေလာက္ဆို ကို Opera သေဘာေပါက္ေလာက္မယ္ထင္ပါတယ္.... Best regards.

αℓт.332 wrote:bro... Opera.... User တစ္ေယာက္က Gmail login Page မွာ သူ႔ Password ကိုရိုက္လိုက္မယ္ဆိုရင္ Passwd ဆိုတဲ့ ID ထဲကို ေရာက္သြားပါတယ္...

Ahh, Really!
is that Google use HTML 5 (Local JS Database) feature? I don't think so bro.
You said that the pwds are stored to the Passwd ID when we just type in the box.
what I understand is If we make no action, the Form will take no action and nothing will go to the DB.
If I think is right, why the Pwds will show up on the alert.

Please discuss more and explain me

ဟုတ္ပါတယ္ ကို Opera
ကြ်န္ေတာ့္ ညီေတာ္ေၿပာသြားတာ နည္းနည္းလိုသြားပါတယ္။ (ကြ်န္ေတာ္အေပၚမွာေၿဖတာလည္း လိုသြားတာပါတယ္)
သူေၿပာခ်င္တာက သြားသိမ္းတယ္လို႔ ေၿပာခ်င္တာ မဟုတ္ေလာက္ပါဘူး။ Element ID မွာ လက္ရိွေရာက္ေနတဲ့ေကာင္ကို ၿပန္ၿပေပးတယ္လို႔ေၿပာတာ ေနပါလိမ့္မယ္။

တကယ္ေတာ့ getElementById ေလးက အလုပ္လုပ္ေပးသြားတာပါ
ကြ်န္ေတာ္ အေပၚမွာ ေၿပာခဲ့သလိုဘဲ အဲဒီ့ေကာင္က ကြ်န္ေတာ္တို႔ လိုခ်င္တဲ့ ID ကို လွမ္းေခၚေပးတယ္ ၊ ၿပီးေတာ့ ၿပန္ၿပေပးတယ္။
ကြ်န္ေတာ္တို႔ DB ထဲမွာလည္း store လုပ္စရာမလိုသလို ၊ ဘာမွလည္း လုပ္စရာမလိုပါဘူး။
အဲ Code ကို Address Bar မွာထည့္လုိက္တာနဲ႔ Page မွာပါတဲ့. ကြ်န္ေတာ္တို႔လိုခ်င္တဲ့ ID ကိုရွာၿပီးေတာ့ အဲ ID ထဲမွာ လက္ရိွ၀င္ေနတဲ့ Value ကို ၿပေပးတာၿဖစ္ပါတယ္။ သိမ္းထားတဲ့ဟာမဟုတ္ဘူး ၊ အဲဒီ့ထဲမွာ လက္ရိွရိွေနတဲ့ Text ကို ၿပတာ။

အဲဒါကိုေတာ့ နားလည္ၿပီထင္ပါတယ္။

အစ္ကိုေမးတဲ့ *** ေလးေတြအေၾကာင္းေၿပာပါမယ္။

အဲဒီ့ ** ေလးေတြက တကယ္ေတာ့ Mask လုပ္ထားတာပါဘဲ။ HTML form ေရးဖူးရင္သိပါလိမ့္မယ္။ ဒါမွမဟုတ္လည္း ရိုးရိုး Windows Program ေလးေတြေရးဖူးရင္လည္းသိလိမ့္မယ္။
အဲဒီ့ Google Page ကိုဘဲ Password Box ကို select လုပ္ View Source လုပ္ၿပီး ၿပန္ၾကည့္ၾကည့္ပါ <input type="password" လို႔ေပးထားပါလိမ့္မယ္။ အဲဒီ့ type ေၾကာင့္ၿဖစ္တာပါ။ type မွာ Password လို႔ေပးလိုက္တဲ့အတြက္ auto mask လုပ္ေပးသြားတာပါ။ ဘယ္မွာမွ မသိမ္းလိုက္သလို ၊ ဘယ္ကမွလည္း ရႈပ္ရႈပ္ယွက္ယွက္ ၿပန္မသယ္လာရပါဘူး။ JS ကုဒ္ကလည္း Decrypt ၿပန္လုပ္တာမ်ိဳးမပါပါဘူး။ HTML form မွာ auto လုပ္ထားတာၿဖစ္လို႔ *** ေလးေတြေပၚရတာၿဖစ္ပါတယ္။ တကယ္လက္ရိွကေတာ့ တကယ့္စာလုံးေတြကိုရိုက္သြားတာပါဘဲ။ မ်က္စိနဲ႔မၿမင္ရေအာင္ဘဲ လုပ္ထားတာၿဖစ္ပါတယ္

ဒီေလာက္ဆုိရင္ေတာ့ နားလည္ေလာက္ၿပီထင္ပါတယ္

Form အေၾကာင္းသိခ်င္ရင္

Code:

 http://www.w3schools.com/html/html_forms.asp

မွာေလ့လာႏိုင္ပါတယ္။

ဒါနဲ႔ အစ္ကိုက HTML 5 အေၾကာင္းေတာင္ ေလ့လာဖူးတယ္ဆုိေတာ့ ကြ်န္ေတာ္တို႔ေၿပာတာေတြ နားလည္ၿပီးသားေနမွာပါ. ဘာလို႔ JS က်မွလာတုိင္ပတ္ေနတာလဲသိဘူး။ ဟီးဟီး
ဘာဘဲၿဖစ္ၿဖစ္ Forum ၾကီး Active ၿဖစ္သြားတာေပါ့။ လူ ၃ ေယာက္နဲ႔။

ohhh
Thanks 4 da very fast respond guys.
Your explanations are very good for newbies(including me).
I really understand that one line of code proceed which process.

actually, I read many articles but never study the coding.
So, I know the Feature of HTML 5 & CSS 3

ေနမေကာင္းျဖစ္ေနတဲ႔အတြက္ reply ျပန္တာေနာက္က်တာေတာင္းပန္ပါတယ္ဗ်ာ

ကၽြန္္္္ေတာ္ကိုယ္စားရွင္းေပးတဲ႔ admin နွစ္ေယာက္ကိုေက်းဇူးတင္ပါတယ္