Integravimo procedūra susideda iš dviejų dalių:

  1. Javascript kodo integravimo
  2. HTML kodo integravimo

Integravimo pavyzdys tinka visų tipų widgetams.

Javascript integravimas

Sugeneruotą javascript kodą geriausia patalpinti prieš prieš <body;> žymę. Tokiu būdų mes netrukdome naršyklei krauti pagrindinio puslapio duomenų, o infobokso turinys užkraunas paskutinis.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
...
</head>
<body>

<p>Puslapio turinys</p>
...

<script type="text/javascript">
document.write(unescape("%3Cscript src='http://trashmail.lt/api/tempmail/c98f7bb695d46e8998962842ddde1e9e0a72eccf' type='text/javascript'%3E%3C/script%3E"));
</script>

</body>
</html>

HTML inetgravimas

Dabar mums reikia įdėti HTML kodą toje vietoje, kurioje norime matyti mūsų widgetą. Patobulintas pavyzdys.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
...
</head>
<body>

<div id="temp-mailbox"></div>

<p>Puslapio turinys</p>
...

<script type="text/javascript">
document.write(unescape("%3Cscript src='http://trashmail.lt/api/tempmail/c98f7bb695d46e8998962842ddde1e9e0a72eccf' type='text/javascript'%3E%3C/script%3E"));
</script>

</body>
</html>

Pateikiami du pavyzdžiai.

  1. Veikiantis pavyzdys su laikinos elektrininio pašto dėžutės sukūrimo widgetu (Veikiantis pavyzdys). Stilių failo pavyzdys.
  2. Veikiantis pavyzdys su laikinos elektroninės pašto dėžutės persiuntimo widgetu (Veikiantis pavyzdys). Stilių failo pavyzdys.

Laikos pašto dėžutės sukūrimo widgetas Pašto persiuntimo widgeto sukūrimas
Laikos pašto dėžutės sukūrimo widgetas Pašto persiuntimo widgeto sukūrimas