Зареждане в Iframe

h

hardroker

02.08.04 г., 12:19 #1

Отварям различни html файлове в един iframe - само с текст и само с картинки. Как да направя така, че потребителя да вижда ЗАРЕЖДА СЕ, когато се зарежда галерия, която е значително по "тежка" от файловете с текст ?

Отговор

U

Uchesht

02.08.04 г., 14:56 в отговор на hardroker #2

Re: Зареждане в Iframe

Виж го това какво прави ...


<html>

<head>

<script language="JavaScript">

<!--

var timer=new String();

function checkisLoaded()

{

    var images=document.getElementsByName("img");

    var mess=document.getElementById("message");

    var j=new Number();

    for(j=0 ; j < images.length ; j++)

    {

        

        if(images[j].complete)

        {

        

            //ne pravim nishto 

            

        }

        else{

        

            /*

            tuka spirame i vrushtame false 

            mojem i napravo if(!images[j].complete)return false;

            ma v IE se bugva neshto ...

            */

        

          return false;

          

        }



    }

    window.clearInterval(timer);

    mess.innerText="";

    return true;

}

function start()

{



   timer = window.setInterval( "checkisLoaded()" , 50 );



}

//-->

</script>

</head>

<body onload="start();">

<H1 id="message">Zarejda se!</H1> 

<img src="Bjarne.jpg"> 

</body>

</html>

Отговор

U

Uchesht

02.08.04 г., 15:00 в отговор на Uchesht #3

Re: Зареждане в Iframe

Корекциика вместо getElementsByName ползваме getElementsByTagName
ето как е и работи ...


<html>

<head>

<script language="JavaScript">

<!--

var timer=new String();

function checkisLoaded()

{

    var images=document.getElementsByTagName("img");

    var mess=document.getElementById("message");

    var j=new Number();

    for(j=0 ; j < images.length ; j++)

    {

        

        if(images[j].complete)

        {

        

            //ne pravim nishto 

            

        }

        else{

        

            /*

            tuka spirame i vrushtame false 

            mojem i napravo if(!images[j].complete)return false;

            ma v IE se bugva neshto ...

            */

        

          return false;

          

        }



    }

    window.clearInterval(timer);

    mess.innerText="";

    return true;

}

function start()

{



   timer = window.setInterval( "checkisLoaded()" , 50 );



}

//-->

</script>

</head>

<body onload="start();">

<H1 id="message">Zarejda se!</H1> 

<img src="Bjarne.jpg"> 

</body>

</html>

Отговор

U

Uchesht

02.08.04 г., 15:52 в отговор на Uchesht #4

Re: Зареждане в Iframe

Последна корекциика - така работи и под Опера и Мозилла


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

<title></title>

<script language="JavaScript" type="text/javascript">

<!--

var timer=new String();

function checkisLoaded()

{

    var images=document.getElementsByTagName("img");

    var mess=document.getElementById("message");

    var j=new Number();

    for(j=0 ; j < images.length ; j++)

    {

        

        if(images[j].complete)

        {



            //ne pravim nishto 

            

        }

        else{

        

            /*

            tuka spirame i vrushtame false 

            mojem i napravo if(!images[j].complete)return false;

            ma v IE se bugva neshto ...

            */

        

          return false;

          

        }



    }

    window.clearInterval(timer);

    mess.style.display="none";

    return true;

    

}

function start()

{



   timer = window.setInterval( "checkisLoaded()" , 50 );



}

//-->

</script>

</head>

<body onload="start();">

<H1 id="message">Zarejda se!</H1> 

<img src="Bjarne.jpg" alt="nyakva snimka"> 

</body>

</html>

Отговор

h

hardroker

02.08.04 г., 16:09 в отговор на Uchesht #5

Re: Зареждане в Iframe

Mnogo blagodaria, no ideata mi e da raboti zaedno s drug skript i ne sepoluchava!
Opiti pravia na adres [url] [линк] [url] kato klitnete varhu bukvata G1 se zarejda galeria, kato sloja i tvoia skript ZAREJDA SE ostava postoianno na stranicata

Отговор

U

Uchesht

02.08.04 г., 16:55 в отговор на hardroker #6

Re: Зареждане в Iframe

Хмм промяната е елементарна - точно 4 реда код - помисли .....

Отговор

h

hardroker

02.08.04 г., 18:38 в отговор на Uchesht #7

Re: Зареждане в Iframe

Neznam kak!

Отговор

U

Uchesht

02.08.04 г., 20:08 в отговор на hardroker #8

Re: Зареждане в Iframe

Хм тъй като сайта е малко комерсиален ... значи вземи и копираи тук сорса на
[линк] обаче заедно със всички ембеднати JS-и тоест където имаш


<script language="JavaScript1.2" src="menu.js"></script>

както и


<script language="JavaScript" src="nyakakvoimenafail.js"></script>

вместо това слагаш


<script language="JavaScript">

тука слагаш съдържанието на js файла

</script>

И ЕВЕНТУАЛНО може да получиш помощ ... не вярвам да си взаймодеиства
с други функции (най-вероятно си сбъркал нещо)
но все пак ..
Важно - структурирай го добре да не си вадя
очите ...

Отговор

h

hardroker

02.08.04 г., 21:21 в отговор на Uchesht #9

Re: Зареждане в Iframe

MAHNAH NIAKOI IZLISHNI NESHTA:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META HTTP-EQUIV="Content-Language" content="BG,EN">
<meta name="KEYWORDS" content="">
<LINK href="css/style.css" rel=stylesheet type=text/css>

<title>.:: ГАЛЕРИЯ ::.</title>

<script>

photo1 = new Image();
photo1.src = "images/photo1.jpg";

photo2 = new Image();
photo2.src = "images/photo2.jpg";

photo3 = new Image();
photo3.src = "images/photo3.jpg";

photo4 = new Image();
photo4.src = "images/photo4.jpg";

photo5 = new Image();
photo5.src = "images/photo5.jpg";

photo6 = new Image();
photo6.src = "images/photo6.jpg";

photo7 = new Image();
photo7.src = "images/photo7.jpg";

photo8 = new Image();
photo8.src = "images/photo8.jpg";

function change(photo){
document.getElementById("display").src = eval(photo+".src");
}

function getloc(href){
document.location=href;
}

</script>

</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0">

<div style="position: absolute; top: 0; left: 0; visibility: hidden;">
 </div>

<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
<tr>

<td width="100%" height="97%" align="left" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="99%" valign="top" align="left" bgcolor="#ffffff">

<div align="left">

<table border="1" cellpadding="0" cellspacing="0" width="524" height="300" style="border-collapse: collapse" bordercolor="#FFFFFF">
<tr>
<td style="background-repeat: no-repeat; background-position: 197px 0px ; font-size:16pt; color:#336699; font-family:Verdana; font-weight:bold" width="497" align="center" class="side">
<span lang="bg">
  </span> <span lang="en-us">   
</span>
<span lang="bg">Хотел "Царевец" </span>

<a style="color: #FF9900; font-size: 11px; font-family: Verdana; font-weight: bold"
href="JavaScript:remote_text()"><script>

</script>текст</a>

<table border="0" cellpadding="0" cellspacing="0" width="700" height="295" style="border-collapse: collapse" bordercolor="#FFFFFF">
<tr>
<td align=center width="497" height="296">
<IMG
SRC="images/photo1.jpg" WIDTH="400" HEIGHT="300" BORDER="0" id="display" style="border: 1px solid #A60000"></td>

<td width="229" height="296">
<table border="1" cellpadding="8" cellspacing="6" width="40" style="border-collapse: collapse" bordercolor="#FFFFFF" height="209">
<tr>
<td width="73" height="1"><a href="javascript:change('photo1')" onmouseover="change('photo1')">
<IMG SRC="images/photo1.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
<td width="19" height="1"><a href="javascript:change('photo2')" onmouseover="change('photo2')">
<IMG SRC="images/photo2.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
</tr>

<tr>
<td width="73" height="60"><a href="javascript:change('photo3')" onmouseover="change('photo3')">
<IMG SRC="images/photo3.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
<td width="19" height="60"><a href="javascript:change('photo4')" onmouseover="change('photo4')">
<IMG SRC="images/photo4.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
</tr>

<tr>
<td width="73" height="60"><a href="javascript:change('photo5')" onmouseover="change('photo5')">
<IMG SRC="images/photo5.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
<td width="19" height="60"><a href="javascript:change('photo6')" onmouseover="change('photo6')">
<IMG SRC="images/photo6.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
</tr>

<tr>
<td width="73" height="60"><a href="javascript:change('photo7')" onmouseover="change('photo7')">
<IMG SRC="images/photo7.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
<td width="19" height="60"><a href="javascript:change('photo8')" onmouseover="change('photo8')">
<IMG SRC="images/photo8.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>

</div>

</td>

<td width="1%"></td>
</tr>
</table>

</td>
</tr>

<tr>
<td height="3%" style='background-image: url('images/btbgr.gif'); background-repeat: repeat-x'>
<img src="images/btbgr.gif" border="0" width="1" height="9"></td>
</tr>

</table>

</BODY>

</HTML>

Отговор

U

Uchesht

02.08.04 г., 22:42 в отговор на hardroker #10

Re: Зареждане в Iframe

Пробвай така - с червено са оцветени промените от твоя код - ако не работи пиши пак - исках да се поупражня малко ... успех ! :


<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<html>



<head>

   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

   <META HTTP-EQUIV="Content-Language" content="BG,EN">

   <META name="Robots" content="index,follow">

	<meta name="KEYWORDS" content="dentist, dentists, dental, tooth, teeth, root canal, find a dentist, search for dentist, cosmetic, bleaching,  mouth, veneers, bonding, braces, children, crown, crowns, bridge, bridges, denture, dentures, extract, extraction, gum, general dentist, endodontist, oral pathologist, oral surgeon, orthodontist, pediatric dentist, periodontist, prosthodontist,sofia, bulgaria, cabinet, health, medicine, doctor, sotirova">



   <LINK href="css/style.css" rel=stylesheet type=text/css>



<style type="text/css">

<!--

img {

	display: none;

}

#message {

	text-align: center;

	color: Red;

	font-family: Arial, Helvetica, sans-serif;

	font: 50px;

	z-index: 10000000;

}

-->

</style>



<title>.:: ГАЛЕРИЯ ::.</title>



<script>var MenuActive = 2;</script>

<script language="JavaScript1.2" src="menu.js"></script>



<script language="JavaScript">

      var timer=new String();

      photo1 = new Image();

      photo1.src = "images/photo1.jpg";



      photo2 = new Image();

      photo2.src = "images/photo2.jpg";



      photo3 = new Image();

      photo3.src = "images/photo3.jpg";



      photo4 = new Image();

      photo4.src = "images/photo4.jpg";



      photo5 = new Image();

      photo5.src = "images/photo5.jpg";



      photo6 = new Image();

      photo6.src = "images/photo6.jpg";



      photo7 = new Image();

      photo7.src = "images/photo7.jpg";



      photo8 = new Image();

      photo8.src = "images/photo8.jpg";





function change(photo){

 document.getElementById("display").src =  eval(photo+".src");

}



function getloc(href){

document.location=href;

}



function checkisLoaded()

{

    var images=document.getElementsByTagName("img");

    var mess=document.getElementById("message");

    var j=new Number();

    for(j=0 ; j < images.length ; j++)

    {

        

        if(images[j].complete)

        {



            

        }

        else{



          return false;

          

        }



    }

    for(j=0 ; j < images.length ; j++)

    {

        

        images[j].style.display="inline";





    }

    window.clearInterval(timer);

    mess.style.display="none";

    return true;

    

}

function start()

{



   timer = window.setInterval( "checkisLoaded()" , 30 );



}



</script>



</head>



<body bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" onload="start();">

<SCRIPT language=JavaScript src="menu_arraybg.js"></SCRIPT>

<SCRIPT language=JavaScript src="main_function.js"></SCRIPT>

<H1 id="message">Моля изчакаите!</H1> 

<div style="position: absolute; top: 0; left: 0; visibility: hidden;">

</div>



<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">

<tr>



	<td width="100%" height="97%" align="left" valign="top">



		<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">

			<tr>

				<td width="99%" valign="top" align="left" bgcolor="#ffffff">

				

						<div align="left">

				

						<table border="1" cellpadding="0" cellspacing="0" width="524" height="300" style="border-collapse: collapse" bordercolor="#FFFFFF">

							<tr>

								<td style="background-repeat: no-repeat; background-position: 197px 0px ; font-size:16pt; color:#336699; font-family:Verdana; font-weight:bold" width="497" align="center" class="side">



<table border="0" cellpadding="0" cellspacing="0" width="700" height="295" style="border-collapse: collapse" bordercolor="#FFFFFF">

<tr>

	<td align=center width="497" height="296">

    <IMG 

	SRC="images/photo1.jpg" WIDTH="400" HEIGHT="300" BORDER="0" id="display" style="border: 1px solid #A60000"></td>



	<td width="229" height="296">

    <table border="1" cellpadding="8" cellspacing="6" width="40" style="border-collapse: collapse" bordercolor="#FFFFFF" height="209">

	<tr>

		<td width="73" height="1"><a href="javascript:change('photo1')" onmouseover="change('photo1')">

        <IMG SRC="images/photo1.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

		<td width="19" height="1"><a href="javascript:change('photo2')" onmouseover="change('photo2')">

        <IMG SRC="images/photo2.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

	</tr>



	<tr>

		<td width="73" height="60"><a href="javascript:change('photo3')" onmouseover="change('photo3')">

        <IMG SRC="images/photo3.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

		<td width="19" height="60"><a href="javascript:change('photo4')" onmouseover="change('photo4')">

        <IMG SRC="images/photo4.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

	</tr>



	<tr>

		<td width="73" height="60"><a href="javascript:change('photo5')" onmouseover="change('photo5')">

        <IMG SRC="images/photo5.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

		<td width="19" height="60"><a href="javascript:change('photo6')" onmouseover="change('photo6')">

        <IMG SRC="images/photo6.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

	</tr>



	<tr>

		<td width="73" height="60"><a href="javascript:change('photo7')" onmouseover="change('photo7')">

        <IMG SRC="images/photo7.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

		<td width="19" height="60"><a href="javascript:change('photo8')" onmouseover="change('photo8')">

        <IMG SRC="images/photo8.gif" BORDER="0" width="73" height="55" style="border: 1px solid #A60000"></a></td>

	</tr>

</table></td>

</tr>

</table>

							</td>

							</tr>

						</table>

				

                        </div>

				

				</td>



				<td width="1%"></td>

			</tr>

		</table>



	</td>

</tr>



<tr>

	<td height="3%" style='background-image: url('images/btbgr.gif'); background-repeat: repeat-x'>

    <img src="images/btbgr.gif" border="0" width="1" height="9"></td>

</tr>



</table>



</BODY>



<!-- Mirrored from [линк] by HTTrack Website Copier/3.x [XR&CO'2001] -->

</HTML>

Отговор

h

hardroker

03.08.04 г., 00:13 в отговор на Uchesht #11

Re: Зареждане в Iframe

Ne raboti! Samo preduprekjdenieto se pokazva, a snimkite izobshto ne se zarejdat!

Отговор

x

xapдpokep

03.08.04 г., 00:27 в отговор на Uchesht #12

Re: Зареждане в Iframe

РАБОТИ!!!! БЛАГОДАРЯ!!!!
Сега забелязах нещо - МОЛЯ, ИЗЧАКАЙТЕ се появяване не веднага след клисването как трябва да бъде, а по-скоро малко преди зареждането на снимките! Направих няколко опита онлайн, изтрих и биствитките за да се зарежда по-бавно, но този ефект/ или дефект/ си остава, мисля, но утре ще направя още опити!
ОТНОВО МНОГО БЛАГОДАРЯ!!!!

Отговор

U

Uchesht

03.08.04 г., 00:29 в отговор на xapдpokep #13

Re: Зареждане в Iframe

Хм ако искаш да се появвява веднага след кликването - се налага да се преработи малко ...

Отговор

h

hardroker

03.08.04 г., 00:41 в отговор на Uchesht #14

Re: Зареждане в Iframe

Znachi veche ne sum siguren, no mislia che ti mi beshe izpratill modificiran kod na ne "pochistenata" ot men stranica ot izlishia kod! I sega sled kato otnovo ia "pochistih" mislia che veche raboti dosta korektno! SUPER SI! MNOGO BLAGODARIA!

Отговор

Сайтове

Услуги

Градове

Dir.bg Media Group

Зареждане в Iframe