IFramelar bilan ishlash - Qo'chimcha malumotlar

Ushu maqola HTML darslari 9-dars.IFramelar bilan ishlash. ga qo'shimcha maqola sifatida yozilyapti. Bu maqola ancha ertaroq yozilishi zarur adi, lekin bazi sabalarga ko'ra bu maqola kechikib yozilyapti.
Agar yuqorida ko'rsatilgan maqolani o'qimagan bo'lsangiz oldin uni o'qishni maslahat berardim. Hullas oldingi maqolada yozilishicha «iframe web sahifamizda boshqa web sahifani ko'rsatish yoki joylashtirish uchun ishlatamiz» deyilgan va shu bilan birgalikda iframe yana quyidagi holatlarda ishlatiladi:

  • E-maillar matnini yaratishda
  • Web sahifada har xil text editorlar yordamida kiritilgan matn ko'rinishini saqlash maqsadida

    1-hol. Ushbu holatda iframe turli scriptlardan asosiy matn(sahifani) muhofaza qilishi uchun ishlatiladi. Chunki emailda turli xil scriptlar yozib jo'natadiganlar topilishi mumkin, yoki bo'lmasa email matni murakkab effektli (rasm, animatsiya va boshqalar) bo'ladigan hollarda ishlatiladi.

    2-hol. Hozirda har xil text editorlar (CKEditor, TinyMCE va hz. batafsil ) tomonidan kiritilgan matn web sahifada hech o'zgarishsiz ko'rinishi uchun ishlatiladi. Sababi sizning web sahifangizdagi css va javascriptlar bu matni o'zgartirib yuborishi mumkin.

    Agarda siz iframe ichidagi contentni o'zgartirmoqchi bo'lsangiz, quyidagi scriptlardan foydalanishingiz mumkin:

    
    <iframe name="iframe_name" id="iframe_id"></iframe>
    <script type="text/javascript">
    	// iframega murojaat
    	var iframe =  $('#iframe_id');
    	// iframe contentiga murojaat
    	var idoc = iframe[0].contentDocument;
    	idoc.open();
    	// oddiy text yozish
    	idoc.write('bironta text');
    	
    	//iframega o'zingizning css fiylingizni bog'lash
    	
    	/* css faylga murojaat qiluvchi linkni yaratish
    	 * <link href="css/iframe_style.css" rel="stylesheet" type="text/css">
    	 * ni javascript bilan yasash 
    	 */
    	var cssLink = document.createElement("link") 
    	cssLink.href = "css/iframe_style.css"; 
    	cssLink .rel = "stylesheet"; 
    	cssLink .type = "text/css"; 
    	// link yasashning ohiri
    	
    	// linkni iframe bodysi ichiga joylashtirish
    	idoc.body.appendChild(cssLink);
    	
    	// bu menga uchun iframe utf8 kodni tanishi uchun kerak bo'lgani, balki sizga ham as qotib qolar 
    	var meta = document.createElement("meta"); 
    	meta['httpEquiv'] = 'Content-Type: text/plain; charset=utf-8';
    	idoc.head.appendChild(meta);
    								   
    	idoc.close();
    	
    </script>
    


    Qo'shimcha malumotlar uchun quyidagilarni ko'rishingiz mumkin:
    1. Doc
    2. How to apply CSS to iFrame?

3 комментария

mr_AliI
Avvalo uzur Maqolalarni yozyapsilarku lekin bunday sizlar yozgan narsani bilganlar tushinadi holos endi o'rganayotganla tushunmedi yana rus ingiliz saytlariga silka qo'yyapsila agar foydalanuvchi rus yoki ingiliz tilini bilsa sizning saytingizga kirib nima qiladi o'sha saytlardan o'rganib qo'ya qoladi-da yana bilmadim.
0
shranet
Shuning uchun maqolalarini bir boshdan o'qish lozim.
0
ulugbek
Fikringiz uchun rahmat! Tan olaman biron narsani tushintirishga mahoratim yo'qroq, lekin shu kamchiligimni to'g'irlashni qachondir boshlashim kerak ediku, va mana boshladim, umid qilamanki bu kamchiligimni tez orada to'g'irlayman sizlarning yordamingiz bilan albatta.
0