ساخت توابع ساده و آسان با جاوااسکریپت به جهت آسانی کار

نمایه کاربر

نویسنده
Dream
كاربر حرفه اي
كاربر حرفه اي
پست: 137
تاریخ عضویت: جمعه 5 تیر 1394, 1:08 pm
وب سایت: http://Undefined.null
Gender:

ساخت توابع ساده و آسان با جاوااسکریپت به جهت آسانی کار

پستتوسط Dream » دو شنبه 10 خرداد 1395, 1:44 pm

سلام .
متاسفانه دوستان کانی وبی زیاد از سایر زبان ها سرور دانش خاصی ندارند و بیشتر به سمت کلاینت بسته شدند ! به همین جهت آموزش ساخت تابع های آسان ( توضیح خواهیم داد ) به جهت آسانی کار در طراحی وب و ارسال مطلب اموزش خواهیم داد !
تابع چیست ؟
به یک سری کاری که با انواع روش ها صدا زده میشوند را تابع میگویند مثل ( نمایش پیام با کلیک روی دکمه و یا نمایش متن به محض لود و یا تغیر بکگراند با زدن یک دکمه کیبورد و . . . )
با میتونیم توابع رو به چند روش صدا کنیم که شامل :

کد: انتخاب همه

onload onClick onDblClick onKeyPress onKeyUp onKeyDown onMouseMove onMouseOut onMouseOver onMouseUp
هستش که فکر میکنم قابل فهم باشه فقط دقت کنید on رو در ذهنتون به معنا " به محضه " معنا کنید مثلا onKeyPress میشه به محض فشردن کلیک ؛ یعنی وقتی کاربر روی یک دکمه دلخواه کلیک کرد عمل انجام میشه

حالا مثلا ما قصد داریم به چای این که در هر جا جاوا اسکریپت بنویسم تا یک پیام ( Alert ) نشون بدیم یک تابع با این مورد مینویسیم که بتونیم هر جا ازش استفاده کنیم با متن های دلخواه اما فقط یک کد جاوا اسکریپت .
اول کد زیر رو در بخش head قالب خودتون بذارید :

کد: انتخاب همه

<script type="text/javascript">function show(txt){alert(txt);}</script>
در کد بالا ما یک تابع ساختیم به اسم show که به زبان ساده یک حافظه میسازه به اسم txt و در بخش بعدی این حافظه در alert استفاده شده .
حالا ما در هر جا ( دکمه ، متن ، لینک ، لیست و . . . ) میتونیم یک کد ساده اضافه کنیم تا متن نمایشی ما رو نشون بده .
مثلا میخوایم به محض کلیک روی عنصر پیام رو نشون بده که از کد زیر در هر جای صفحه استفاده میکنیم :

کد: انتخاب همه

onclick="show('Dream')"
در کد بالا بعد کلیک روی عنصر متن Dream نشون داده میشه : http://editor.pi3idl.com/?id=1437549449
و مثلا در این مثال در یک دکمه به محض کلیک و در دکمه دیگه به محض دبل کلیک یا دوباره کلیک پیام نشون داده میشه : http://editor.pi3idl.com/?id=1437549486

خوب من دیگه نخواستم ایده رو از شما بگیرم میتونید با کمی جاوااسکریپت کد های بسیار کاربردی بسازید که واقعا کارتون رو کوتاه میکنه .
اما دقت کنید از document.write برای نمایش در تابع استفاده نکنید چون محتوا صفحه رو بازخوانی میکنه .


vulcon
کاربر معمولی
کاربر معمولی
پست: 248573
تاریخ عضویت: چهار شنبه 22 مرداد 1399, 8:07 am
وب سایت: http://hsaass.ru/
Gender:

پستتوسط vulcon » پنج شنبه 1 آبان 1399, 1:12 am



vulcon
کاربر معمولی
کاربر معمولی
پست: 248573
تاریخ عضویت: چهار شنبه 22 مرداد 1399, 8:07 am
وب سایت: http://hsaass.ru/
Gender:

پستتوسط vulcon » جمعه 21 آذر 1399, 8:59 pm

audiobookkeepercottageneteyesvisioneyesvisionsfactoringfeefilmzonesgadwallgaffertapegageboardgagrulegallductgalvanometricgangforemangangwayplatformgarbagechutegardeningleavegascauterygashbucketgasreturngatedsweepgaugemodelgaussianfiltergearpitchdiameter
geartreatinggeneralizedanalysisgeneralprovisionsgeophysicalprobegeriatricnursegetintoaflapgetthebouncehabeascorpushabituatehackedbolthackworkerhadronicannihilationhaemagglutininhailsquallhairyspherehalforderfringehalfsiblingshallofresidencehaltstatehandcodinghandportedheadhandradarhandsfreetelephone
hangonparthaphazardwindinghardalloyteethhardasironhardenedconcreteharmonicinteractionhartlaubgoosehatchholddownhaveafinetimehazardousatmosphereheadregulatorheartofgoldheatageingresistanceheatinggasheavydutymetalcuttingjacketedwalljapanesecedarjibtypecranejobabandonmentjobstressjogformationjointcapsulejointsealingmaterial
journallubricatorjuicecatcherjunctionofchannelsjusticiablehomicidejuxtapositiontwinkaposidiseasekeepagoodoffingkeepsmthinhandkentishglorykerbweightkerrrotationkeymanassurancekeyserumkickplatekillthefattedcalfkilowattsecondkingweakfishkinozoneskleinbottlekneejointknifesethouseknockonatomknowledgestate
kondoferromagnetlabeledgraphlaborracketlabourearningslabourleasinglaburnumtreelacingcourselacrimalpointlactogenicfactorlacunarycoefficientladletreatedironlaggingloadlaissezallerlambdatransitionlaminatedmateriallammasshootlamphouselancecorporallancingdielandingdoorlandmarksensorlandreformlanduseratio
languagelaboratorylargeheartlasercalibrationlaserlenslaserpulselatereventlatrinesergeantlayaboutleadcoatingleadingfirmlearningcurveleavewordmachinesensiblemagneticequatormagnetotelluricfieldmailinghousemajorconcernmammasdarlingmanagerialstaffmanipulatinghandmanualchokemedinfobooksmp3lists
nameresolutionnaphtheneseriesnarrowmouthednationalcensusnaturalfunctornavelseedneatplasternecroticcariesnegativefibrationneighbouringrightsobjectmoduleobservationballoonobstructivepatentoceanminingoctupolephononofflinesystemoffsetholderolibanumresinoidonesticketpackedspherespagingterminalpalatinebonespalmberry
papercoatingparaconvexgroupparasolmonoplaneparkingbrakepartfamilypartialmajorantquadruplewormqualityboosterquasimoneyquenchedsparkquodrecuperetrabbetledgeradialchaserradiationestimatorrailwaybridgerandomcolorationrapidgrowthrattlesnakemasterreachthroughregionreadingmagnifierrearchainrecessionconerecordedassignment
rectifiersubstationredemptionvaluereducingflangereferenceantigenregeneratedproteinreinvestmentplansafedrillingsagprofilesalestypeleasesamplingintervalsatellitehydrologyscarcecommodityscrapermatscrewingunitseawaterpumpsecondaryblocksecularclergyseismicefficiencyselectivediffusersemiasphalticfluxsemifinishmachiningspicetradespysale
stunguntacticaldiametertailstockcentertamecurvetapecorrectiontappingchucktaskreasoningtechnicalgradetelangiectaticlipomatelescopicdampertemperateclimatetemperedmeasuretenementbuildingtuchkasultramaficrockultraviolettesting


vulcon
کاربر معمولی
کاربر معمولی
پست: 248573
تاریخ عضویت: چهار شنبه 22 مرداد 1399, 8:07 am
وب سایت: http://hsaass.ru/
Gender:

پستتوسط vulcon » جمعه 17 اردیبهشت 1400, 4:37 am


چه کسی حاضر است؟

کاربران حاضر در این انجمن: کاربر جدیدی وجود ندارد. و 4 مهمان