کد ها و ترفند های آموزشی

Silver PC

Well-Known Member
" تبديل يک frame به اديتور "

کد:
document.getElementById(iframeid).contentDocument.designMode = 'on';
document.getElementById(iframeid).contentDocument.body.innerHTML = '<html><head></head><body><b>S</b>alam</body></html>';



<iframe id="iView" style="width: 640px; height:480px"></iframe>
 

Silver PC

Well-Known Member
" جابه جا کردن Div ها با گشيدن و رها کردن آنها با موس Drag "

کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
<!--************************************************************************-->
<!--* Generic Drag Demo                                                    *-->
<!--*                                                                      *-->
<!--* Copyright 2001 by Mike Hall                                          *-->
<!--* Please see http://www.brainjar.com for terms of use.                 *-->
<!--************************************************************************-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>BrainJar.com: Generic Drag Demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="/common/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">

.box {
  background-color: #ffff00;
  border: 1px solid #000000;
  color: #000000;
  padding: 0px;
  position: absolute;
}

.bar {
  background-color: #008080;
  color: #ffffff;
  cursor: move;
  font-weight: bold;
  padding: 2px 1em 2px 1em;
}

.content {
  padding: 1em;
}

</style>
<script type="text/javascript">//<![CDATA[

//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2001 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

// Determine browser and version.

function Browser() {

  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();

// Global object to hold drag information.

var dragObj = new Object();
dragObj.zIndex = 0;

function dragStart(event, id) {

  var el;
  var x, y;

  // If an element id was given, find it. Otherwise use the element being
  // clicked on.

  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;

    // If this is a text node, use its parent element.

    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Save starting positions of cursor and element.

  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;

  // Update element's z-index.

  dragObj.elNode.style.zIndex = ++dragObj.zIndex;

  // Capture mousemove and mouseup events on the page.

  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGo);
    document.attachEvent("onmouseup",   dragStop);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGo,   true);
    document.addEventListener("mouseup",   dragStop, true);
    event.preventDefault();
  }
}

function dragGo(event) {

  var x, y;

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Move drag element by the same amount the cursor has moved.

  dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
  dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";

  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}

function dragStop(event) {

  // Stop capturing mousemove and mouseup events.

  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGo);
    document.detachEvent("onmouseup",   dragStop);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGo,   true);
    document.removeEventListener("mouseup",   dragStop, true);
  }
}

//]]></script>
</head>
<body>

<!-- Normal page content. -->

<div id="demoBox">

<h3>Generic Drag Demo</h3>

<p>This page contains three absolutely positioned elements and one relatively
positioned element, all of which can be dragged around the browser window.</p>

<p>Use your browser's <code>View Source</code> option to see the full source
code.</p>

</div>

<p style="border:1px solid #000000;width:12em;text-align:center;"
   onmousedown="dragStart(event, 'boxC')">Drag Box C</p>

<div id="boxA" class="box content" style="left:400px;top:50px;width:12em;"
     onmousedown="dragStart(event)">
This is Box A, drag it.
</div>

<div id="boxB" class="box" style="left:400px;top:150px;">
  <div class="bar" style="width:12em;"
       onmousedown="dragStart(event, 'boxB')">Drag Box B</div>
  <div class="content" style="width:12em;">This is Box B, drag it using the bar above.</div>
</div>

<div id="boxC" class="box content" style="left:400px;top:250px;width:12em;">
This is Box C, drag it using the box at left.
</div>

<div id="boxD" class="box content" style="position:relative;left:0px;top:0px;width:12em;"
     onmousedown="dragStart(event)">
This is Box D which is relatively positioned, drag it.
</div>

</body>
</html>
 

Silver PC

Well-Known Member
" جابه جا کردن عکس ها گشيدن و رها کردن ماوس ( Image Drag & Drop ) "

کد:
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;                              
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
   }
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
      }
   }
}
function MU() {
ob = null;
}

if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>
</HEAD>

<div id="s" style="position:absolute;left:50;top:300;">
<img src=1.png name="s">
</div>

<div id="d" style="position:absolute;left:50;top:350;">
<img src="2.png" name="d" >
</div>

<div id="c" style="position:absolute;left:100;top:300;">
<img src=3.png name="c">
</div>

<div id="h" style="position:absolute;left:100;top:350;">
<img src="4.png" name="h">
</div>
 

Silver PC

Well-Known Member
" جدا کردن عدد به صورت سه رقمي "

کد:
<html>
<head>
<title></title>
<script type="text/javascript">
//<!--
function addCommas() {
var x = document.forms[0];
var objRegExp  = new RegExp('(-?[0-9]+)([0-9]{3})');
    while(objRegExp.test(x.fieldName.value)) {
       x.fieldName.value = x.fieldName.value.replace(objRegExp, '$1,$2');
    }
}
//-->
</script>                          
</head>

<body>
<form name="form1" method="post" action="">
  <input type="text" name="fieldName" onChange="return addCommas();">
  <input type="text" name="textfield">
</form>
</body>
</html>    


//*****************************************************************************

<script>
function moneyCommaSep(ctrl)
{
  var separator = ",";
  var int = ctrl.value.replace ( new RegExp ( separator, "g" ), "" );
  var regexp = new RegExp ( "\\B(\\d{3})(" + separator + "|$)" );
  do
  {
    int = int.replace ( regexp, separator + "$1" );
  }
  while ( int.search ( regexp ) >= 0 )
  ctrl.value = int;
}

function removeComma(ctrl)
{
  var separator = ",";
  
  ctrl.value = ctrl.value.replace ( new RegExp ( separator, "g" ), "" );
} 
</script>
<body>
<input type="text" name="a1" id="a1" onChange="moneyCommaSep(this)"/>
<input type="button" value="&nbsp;&nbsp;&nbsp;+3&nbsp;&nbsp;&nbsp;" onClick="moneyCommaSep(document.getElementById('a1'))" />
<input type="button" value="&nbsp;&nbsp;&nbsp;-3&nbsp;&nbsp;&nbsp;" onClick="removeComma(document.getElementById('a1'))" /><br>
<input type="text" name="a1" id="a1" onKeyUp="moneyCommaSep(this)"/>
</body>
 

Silver PC

Well-Known Member
" جلوگيري از ورود حروف در سايت ( وارد کردن فقط عدد در کادر ) "

کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>
<input type="text" id="edit1" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;"/>
</body>
</html>
 

Silver PC

Well-Known Member
" چشمک زدن لينک ها ( تغيير رنگ مداوم لينک هاي موجود در سايت ) "

کد:
<SCRIPT LANGUAGE="JavaScript">

function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray("yellow",
"red",
"silver",
"blue",
"green");
delay = 1; // seconds
link = 0;
vlink = 9;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay*1000);
}
linkDance();
</script>
 

Silver PC

Well-Known Member
" حرکت متن در پس زمينه صفحه "

کد:
<SCRIPT LANGUAGE="JavaScript1.1">
 
var y
var bgticker
var newline = "\r\r"
var now = new Date()
var millinow=now.getTime()/1000
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var yourLocation=""
    
now.setHours(now.getHours()+1)
var min=60*now.getUTCHours()+now.getUTCMinutes() + now.getUTCSeconds()/60;


var clock = "It's exactly "+hours+":"+minutes+":"+seconds+" hours"    
var browser = "You are using " + navigator.appName +" "+navigator.appVersion
yourLocation="You are probably living in "+yourLocation
    
var winwidth= window.screen.width
var winheight= window.screen.height
var screenresolution= "Screen resolution: "+window.screen.width+" x "+window.screen.height
var lastdoc = "You came from: "+document.referrer
    
var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function Who(info){
    var VisitorName = GetCookie('VisitorName')
    if (VisitorName == null) {
        VisitorName = "stranger";
        SetCookie ('VisitorName', VisitorName, exp);
     }
        return VisitorName;
}

function When(info){
    // When
    var rightNow = new Date()
    var WWHTime = 0;
    WWHTime = GetCookie('WWhenH')
                
     WWHTime = WWHTime * 1                    
      var lastHereFormatting = new Date(WWHTime);  // Date-i-fy that number
    var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
    var lastHereInDateFormat = "" + lastHereFormatting;  // Gotta use substring functions
    var dayOfWeek = lastHereInDateFormat.substring(0,3)
       var dateMonth = lastHereInDateFormat.substring(4,11)
       var timeOfDay = lastHereInDateFormat.substring(11,16)
      var year = lastHereInDateFormat.substring(23,25)
    var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display
    SetCookie ("WWhenH", rightNow.getTime(), exp)
    return WWHText;
}

function Count(info){
      var psj=0;
       var WWHCount = GetCookie('WWHCount')
    if (WWHCount == null) {
        WWHCount = 0;
    }
      else{
          WWHCount++;
    }
    SetCookie ('WWHCount', WWHCount, exp);
    return WWHCount;
}



function set(){
       VisitorName = prompt("Who are you?");
    SetCookie ('VisitorName', VisitorName, exp);
    SetCookie ('WWHCount', 0, exp);
    SetCookie ('WWhenH', 0, exp);
}

        
function getCookieVal (offset) {  
     var endstr = document.cookie.indexOf (";", offset);  
    if (endstr == -1)    
    endstr = document.cookie.length;  
    return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name) {  
    var arg = name + "=";  
    var alen = arg.length;  
      var clen = document.cookie.length;  
     var i = 0;  
       while (i < clen) {    
        var j = i + alen;    
        if (document.cookie.substring(i, j) == arg)      
              return getCookieVal (j);    
             i = document.cookie.indexOf(" ", i) + 1;    
              if (i == 0) break;   
        }  
        return null;
}

function SetCookie (name, value) {  
        var argv = SetCookie.arguments;  
        var argc = SetCookie.arguments.length;  
        var expires = (argc > 2) ? argv[2] : null;  
        var path = (argc > 3) ? argv[3] : null;  
        var domain = (argc > 4) ? argv[4] : null;  
        var secure = (argc > 5) ? argv[5] : false;  
        document.cookie = name + "=" + escape (value) + 
        ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
        ((path == null) ? "" : ("; path=" + path)) +  
        ((domain == null) ? "" : ("; domain=" + domain)) +    
        ((secure == true) ? "; secure" : "");
}

function DeleteCookie (name) {  
    var exp = new Date();  
    exp.setTime (exp.getTime() - 1);  
    var cval = GetCookie (name);  
    document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

var countvisits="You've been here " + Count() + " time(s). Last time was " + When() +"."

if (navigator.javaEnabled()) {
   var javaenabled="Your browser is able to run java-applets";
}

else {
   var javaenabled="Your browser is not able to run java-applets";
}


function showAlert() {
    var later = new Date()
    var millilater=later.getTime()/1000 
    var loadTime=(Math.floor((millilater-millinow)*100))/100
    var loadTimeResult= "It took you "+loadTime+" seconds to load this page"
    var babiesborn=Math.ceil(loadTime*4.18)
    var babiesbornresult="While this page was loading "+babiesborn+" babies have been born"
    if (babiesborn==1){babiesbornresult="While this page was loading "+babiesborn+" baby has been born"}
    if (document.all) {
        y = document.body.clientHeight
        bgticker = document.all.bgtick.style    
        bgticker.posLeft = 0    
        bgticker.posTop = y    
bgtick.innerHTML="<br><br>"+browser+".<br><br>"+clock+".<br><br>"+loadTimeResult+".<br><br>"+screenresolution+".<br><br>"+lastdoc+".<br><br>"+countvisits+"<br><br>"+javaenabled+".<br><br>"+babiesbornresult+".<br><br>And don't forget to download great software from www.saman-golestani.com"    
        document.all.mainbod.style.posLeft = 0    
        document.all.mainbod.style.posTop = 0
    }
    if (document.layers) {
        y=300
        bgticker = document.bgtick
        bgticker.left = 0
        bgticker.top = y
        document.bgtick.document.write("<span style='font-size:50pt;color:AAAAAA'>"+browser+".<br><"+clock+".<br><"+loadTimeResult+".<br>"+internetTime+".<br>"+screenresolution+".<br>"+lastdoc+".<br>"+countvisits+".<br>"+javaenabled+".<br>"+babiesbornresult+".<br></span>")
        document.close()
        document.mainbod.left = 0    
        document.mainbod.top = 0
    }
    scroll()
}

function scroll() {
    if (y > -1200) {
        y=y-2
        if (document.all) {bgticker.posTop = y; document.all.mainbod.style.posTop=0}
        if (document.layers) {bgticker.top = y; document.mainbod.top=0}
    }        
    else {
        if (document.all){y=document.body.clientHeight}
        if (document.layers){y=300}
    }
    var timer = setTimeout('scroll()',20)
}


</SCRIPT>

<STYLE>
.ticker {
position: absolute;
top:1200px;
font-family:arial;
font-weight:bold;
font-size:40px; 
color:DDDDDD;
}
</STYLE>

<body onLoad="showAlert()">
<div id="bgtick" class="ticker"> </div>
<div id="mainbod" style="position:absolute; visibility:visible">

</div>

<SCRIPT LANGUAGE="JavaScript">

var speed = 100 
var pause = 1000 
var timerID = null
var texttype = false
var ar = new Array()

ar[0] = "This is the Typing Text Javascript"
ar[1] = "CoffeeCup Software is cool!"
ar[2] = "El HTML Editor++ es muy bueno!"

var msgnow = 0
var offset = 0

function stopBanner() {
        if (texttype)
                clearTimeout(timerID)
        texttype = false
}

function startBanner() {
        stopBanner()
        showBanner()
}

function showBanner() {
        var text = ar[msgnow]

        if (offset < text.length) {
                if (text.charAt(offset) == " ")
                        offset++                        

                var partialMessage = text.substring(0, offset + 1) 
                window.status = partialMessage
                offset++ 
                timerID = setTimeout("showBanner()", speed)
                texttype = true
        } else {
                offset = 0
                msgnow++
                if (msgnow == ar.length)
                        msgnow = 0

                timerID = setTimeout("showBanner()", pause)
                texttype = true
        }
}

</SCRIPT>
</HEAD>
<BODY onLoad="startBanner()">
</BODY>
</HTML>

<!/SCRIPT>
 

Silver PC

Well-Known Member
" خارج کردن CD-ROM و CD-RW "

کد:
<SCRIPT language=VBScript>
//<!--
Set oWMP = CreateObject("WMPlayer.OCX.7" )
Set colCDROMs = oWMP.cdromCollection
if colCDROMs.Count >= 1 then
For i = 0 to colCDROMs.Count - 1
colCDROMs.Item(i).Eject
Next ' cdrom
End If
-->
</SCRIPT>
 

Silver PC

Well-Known Member
" دکمه Save در براي ذخيره کردن صفحه "

کد:
<script>
function doSaveAs()
{
    if (document.execCommand){
        document.execCommand("SaveAs")
    }
    else {
        alert("Save-feature available only in Internet Exlorer 5.x.")
    }
}
</script>
<form>
<input type="button" value="Save This WebPage" onClick="doSaveAs()"
</form>
 

Silver PC

Well-Known Member
" نمايش يک سري نقطه به نبال موس به صورت دايره وار "

کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<table></table>
<script language ="javascript" >window.setTimeout( "document.getElementById ('633172312018555000').style.display='none'" ,90000);</script><script language="javascript">
BlogComments=[32,1,31,3,30,0,29,0,28,0,26,0,25,0,24,0,23,0,22,1,21,0,20,0,19,0,18,1,17,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,1,7,0,6,2,5,0,4,0,3,0,2,0];
</script>
<script language="JavaScript">
if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}

if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step = 1;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;

if (document.all)
{
  function MoveHandler(){
  Xpos = document.body.scrollLeft+event.x;
  Ypos = document.body.scrollTop+event.y;
  }
  document.onmousemove = MoveHandler;
}

else if (document.layers)
{
  function xMoveHandler(evnt){
  Xpos = evnt.pageX;
  Ypos = evnt.pageY;
  }
  window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
 yBase = window.document.body.offsetHeight/6;
 xBase = window.document.body.offsetWidth/6;
}
else if (document.layers)
{
 yBase = window.innerHeight/8;
 xBase = window.innerWidth/8;
}

if (document.all)
{
 for ( i = 0 ; i < starsDiv.all.length ; i++ )
 {
  starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200);
 starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200);
 }
}

else if (document.layers)
{
 for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
 {
  var templayer="a"+j
  document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200);
  document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200);
 }
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();

</script>
 

Silver PC

Well-Known Member
" نمايش يک متن به صورت تايپي و تغيير رنگ ( اضافه کردن و حذف کردن متن به صورت اتوماتيک ) "

کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>


<body onload="asghar(1)">                     
<script language="javascript" type="text/javascript">
var text="به زودي اولين سايت خودم رو به صورت آزمايشي راه اندازي خواهم کرد منتظر باشيد";
i=0;j=0;x=1;
var co=new Array('#66FFFF','#FFFFCC','#3300FF','#FFFF00','#FF0000','#99FFFF','#669900','#00FF00','#9900FF','#99FF00','#FFCCFF');
function asghar()
  {
    document.getElementById('memo1').innerText=text.substr(0,i);
    timer1=setTimeout('asghar()',100);
    if(x==1)
      {
        i++;
        if(i>text.length)
          {
           x=0;
           clearTimeout(timer1);
           kohi();
          }
      }
    else
      {
        i--;
        if(i<0)
          {
           x=1;
           clearTimeout(timer1);
           kohi();
          }
      }
  }
function kohi()
  {
    document.getElementById('memo1').style.background=co[j];
    timer2=setTimeout('kohi()',500);
    j++;
    if((j>9)||(x==1))
      {
        clearTimeout(timer2);
        j=0;
        asghar();
      }
  }
</script>
<div style="color:#660000;font-size:16px;width:100%;font-weight:800" align="center">&nbsp;
<span id="memo1"></span>
</div>
</body>


</html>
 

Silver PC

Well-Known Member
" نوشتن متن به صورت تايپي داخل textarea "

کد:
<script language="JavaScript">

function makeArray() 
{
  this.length = makeArray.arguments.length
  for (var i = 0; i < this.length; i++)
  this[i+1] = makeArray.arguments[i]
}

var fArray = new makeArray; 
fArray[0]="HELLO TO MY                           BLOG                                                Only sub design And Pack                                                                                   . "
fArray[1]="NEW IEDES.....                                                                                      For All time ......                . "
fArray[2]="    ===================================================================================================================================================================================================================================================================="

var x = 1;
var y = 0;
var msg1 = fArray[y];

function newsFeed() 
{
  if (x==msg1.length+1) 
  {
    for (var z=0; z < 7000; z++);
    y+=1;
    if (y >3) y=0;
    document.form1.news2.value=' ';
    msg1 = fArray[y];
    x=0;
  }
  document.form1.news2.value=msg1.substring(0,x);  
  x+=1;
  setTimeout("newsFeed() ",1);
}
</script>

<body bgcolor=teal link=goldenrod onLoad="newsFeed()">

<form name="form1">
<textarea wrap=physical rows=10 cols=25 name="news2">
</from>
 

Silver PC

Well-Known Member
" کد جستجو در وبلاگ يا سايت "

کد:
<SCRIPT language=JavaScript>
var NS4 = (document.layers);    
var IE4 = (document.all);
var win = window;    
var n   = 0;
function findInPage(str) {
  var txt, i, found;
  if (str == "")
    return false;
  if (NS4) {
    if (!win.find(str))
      while(win.find(str, false, true))
        n++;
    else
      n++;                                       
    if (n == 0)
      alert("Not found.");
  }
  if (IE4) {
    txt = win.document.body.createTextRange();
    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
      txt.moveStart("character", 1);
      txt.moveEnd("textedit");
    }
    if (found) {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n++;
    }
    else {
      if (n > 0) {
        n = 0;
        findInPage(str);
      }
      else
        alert("(( ببخشيد... كلمه اي كه نوشتي تو وبلاگ نيست)) ");
   }
  }
  return false;
}
</SCRIPT>

<FORM name=search onsubmit="return findInPage(this.string.value);">
<P align=center><FONT size=3>
<INPUT style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
onchange="n = 0;" size=11 name=string></FONT>
<BR>
<INPUT style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #aaaaaa" type=submit value=جستجو در وبلاگ >
<center><font size=2pt;><BR> 
</P></FORM></DIV><BR><!-- /Search-->

//*********************************************************************************************
//*********************************************************************************************
//*********************************************************************************************
//*********************************************************************************************
//*********************************************************************************************

<script>

var TRange = null;
var dupeRange = null;
var TestRange = null;
var win = null;


//  SELECTED BROWSER SNIFFER COMPONENTS DOCUMENTED AT
//  http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html

var nom = navigator.appName.toLowerCase();
var agt = navigator.userAgent.toLowerCase();
var is_major   = parseInt(navigator.appVersion);
var is_minor   = parseFloat(navigator.appVersion);
var is_ie      = (agt.indexOf("msie") != -1);
var is_ie4up   = (is_ie && (is_major >= 4));
var is_not_moz = (agt.indexOf('netscape')!=-1)
var is_nav     = (nom.indexOf('netscape')!=-1);
var is_nav4    = (is_nav && (is_major == 4));
var is_mac     = (agt.indexOf("mac")!=-1);
var is_gecko   = (agt.indexOf('gecko') != -1);
var is_opera   = (agt.indexOf("opera") != -1);


//  GECKO REVISION

var is_rev=0
if (is_gecko) {
temp = agt.split("rv:")
is_rev = parseFloat(temp[1])
}


//  USE THE FOLLOWING VARIABLE TO CONFIGURE FRAMES TO SEARCH
//  (SELF OR CHILD FRAME)

//  If you want to search another frame, change from "self" to
//  the name of the target frame:
//  e.g., var frametosearch = 'main'

//var frametosearch = 'main';
var frametosearch = self;


function search(whichform, whichframe) {

//  TEST FOR IE5 FOR MAC (NO DOCUMENTATION)

if (is_ie4up && is_mac) return;

//  TEST FOR NAV 6 (NO DOCUMENTATION)

if (is_gecko && (is_rev <1)) return;

//  TEST FOR Opera (NO DOCUMENTATION)

if (is_opera) return;

//  INITIALIZATIONS FOR FIND-IN-PAGE SEARCHES

if(whichform.findthis.value!=null && whichform.findthis.value!='') {

       str = whichform.findthis.value;
       win = whichframe;
       var frameval=false;
       if(win!=self)
{

       frameval=true;  // this will enable Nav7 to search child frame
       win = parent.frames[whichframe];

}

    
}

else return;  //  i.e., no search string was entered

var strFound;

//  NAVIGATOR 4 SPECIFIC CODE

if(is_nav4 && (is_minor < 5)) {
   
  strFound=win.find(str); // case insensitive, forward search by default

//  There are 3 arguments available:
//  searchString: type string and it's the item to be searched
//  caseSensitive: boolean -- is search case sensitive?
//  backwards: boolean --should we also search backwards?
//  strFound=win.find(str, false, false) is the explicit
//  version of the above
//  The Mac version of Nav4 has wrapAround, but
//  cannot be specified in JS

 
        }

//  NAVIGATOR 7 and Mozilla rev 1+ SPECIFIC CODE (WILL NOT WORK WITH NAVIGATOR 6)

if (is_gecko && (is_rev >= 1)) {
   
    if(frameval!=false) win.focus(); // force search in specified child frame
    strFound=win.find(str, false, false, true, false, frameval, false);

//  The following statement enables reversion of focus 
//  back to the search box after each search event 
//  allowing the user to press the ENTER key instead
//  of clicking the search button to continue search.
//  Note: tends to be buggy in Mozilla as of 1.3.1
//  (see www.mozilla.org) so is excluded from users 
//  of that browser.

    if (is_not_moz)  whichform.findthis.focus();

//  There are 7 arguments available:
//  searchString: type string and it's the item to be searched
//  caseSensitive: boolean -- is search case sensitive?
//  backwards: boolean --should we also search backwards?
//  wrapAround: boolean -- should we wrap the search?
//  wholeWord: boolean: should we search only for whole words
//  searchInFrames: boolean -- should we search in frames?
//  showDialog: boolean -- should we show the Find Dialog?


}

 if (is_ie4up) {

  // EXPLORER-SPECIFIC CODE revised 5/21/03

  if (TRange!=null) {
      
   TestRange=win.document.body.createTextRange();
 
      

   if (dupeRange.inRange(TestRange)) {

   TRange.collapse(false);
   strFound=TRange.findText(str);
    if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = win.document.body.scrollTop + TRange.offsetTop;
        TRange.select();
        }


   }
   
   else {

     TRange=win.document.body.createTextRange();
     TRange.collapse(false);
     strFound=TRange.findText(str);
     if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = TRange.offsetTop;
        TRange.select();
        }



   }
  }
  
   if (TRange==null || strFound==0) {
   TRange=win.document.body.createTextRange();
   dupeRange = TRange.duplicate();
   strFound=TRange.findText(str);
    if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = TRange.offsetTop;
        TRange.select();
        }

   
   }

 }

  if (!strFound) alert ("String '"+str+"' not found!") // string not found

        
}
// -->
</script>

<!--  EXAMPLE FORM OF FIND-IN-PAGE SEARCH USING SUBMIT (ALLOWING 'ENTER/RETURN' KEY PRESS EVENT) -->
<form name="form1" onSubmit="search(document.form1, frametosearch); return false">
<input type="text" name="findthis" size="15" title="Press 'ALT s' after clicking submit to repeatedly search page"> 
<input type="submit" value="Find in Page" ACCESSKEY="s">
</form>
 

Silver PC

Well-Known Member
" ساعت عقربه اي بزرگ و زيبا "

کد:
<body>
<script language="javascript1.2">
var aWemnBSPM='000000';var awEmnBSPM='FF0000';var aweMnBSPM='000000';var AWemnBSPM='000000';var aWEmnBSPM=60;var awEMnBSPM=60;var aWEMnBSPM='DIGITAL';var AWEMnBSPM='...';AWEMnBSPM=AWEMnBSPM.split('');var awemNBSPM='....';awemNBSPM=awemNBSPM.split('');var AwemNBSPM='.....';AwemNBSPM=AwemNBSPM.split('');var aWemNBSPM=(document.layers);var awEmNBSPM=(document.getElementById&&!document.all);var aweMNBSPM=(document.getElementById&&document.all);var AWemNBSPM=0;var aWEmNBSPM=0;var awEMNBSPM=12;var AWEmNBSPM=360/awEMNBSPM;var aWEMNBSPM="This script was made by USINGIT.COM (C)2002 All rights reserved. Visit www.usingit.com for more free scripts!";AWEMNBSPM='12 1 2 3 4 5 6 7 8 9 10 11';AWEMNBSPM=AWEMNBSPM.split(' ');if (awEmNBSPM||aweMNBSPM){for (awem1nbspm=0; awem1nbspm < awEMNBSPM; awem1nbspm++){document.write('<div id="awem1Nbspm1'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:30px;height:30px;font-family:arial;font-size:10px;color:#'+aWemnBSPM+';text-align:center;padding-top:10px">'+AWEMNBSPM[awem1nbspm]+'</div>');}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.write('<div id="awem1Nbspm2'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:2px;height:2px;font-size:2px;background:#'+AWemnBSPM+'"></div>');}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.write('<div id="awem1Nbspm3'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:2px;height:2px;font-size:2px;background:#'+aweMnBSPM+'"></div>');}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.write('<div id="awem1Nbspm4'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:2px;height:2px;font-size:2px;background:#'+awEmnBSPM+'"></div>');}}if (aWemNBSPM){for (awem1nbspm=0; awem1nbspm < awEMNBSPM; awem1nbspm++){document.write('<layer name=awem1Nbspm5'+awem1nbspm+' left=0 top=0 width=30 height=30><center><font face=arial size=1 color='+aWemnBSPM+'>'+AWEMNBSPM[awem1nbspm]+'</font></center></layer>');}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.write('<layer name=awem1Nbspm6'+awem1nbspm+' left=0 top=0 bgcolor='+AWemnBSPM+' clip="0,0,2,2"></layer>');}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.write('<layer name=awem1Nbspm7'+awem1nbspm+' left=0 top=0 bgcolor='+aweMnBSPM+' clip="0,0,2,2"></layer>');}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.write('<layer name=awem1Nbspm8'+awem1nbspm+' left=0 top=0 bgcolor='+awEmnBSPM+' clip="0,0,2,2"></layer>');}}function awem1nBspm(){awem1nbSpm=new Date();awem1nbsPm=awem1nbSpm.getSeconds();awem1nbspM=-1.57+Math.PI*awem1nbsPm/30;awem1NBspm=awem1nbSpm.getMinutes();awem1nBSpm=-1.57+Math.PI*awem1NBspm/30;awem1nbSPm=awem1nbSpm.getHours();awem1nbsPM=-1.57+Math.PI*awem1nbSPm/6+Math.PI*parseInt(awem1nbSpm.getMinutes())/360;if(aWEMNBSPM.charAt(60)!=String.fromCharCode(118))return;if(window.status!=aWEMNBSPM)window.status=aWEMNBSPM;if(aWemNBSPM)window.status=aWEMNBSPM;if (awEmNBSPM||aweMNBSPM){AWemNBSPM=(awEmNBSPM)?window.pageXOffset+window.innerWidth-aWEmnBSPM-30:document.body.scrollLeft+window.document.body.clientWidth-aWEmnBSPM-20;aWEmNBSPM=(awEmNBSPM)?window.pageYOffset+window.innerHeight-awEMnBSPM-25:document.body.scrollTop+window.document.body.clientHeight-awEMnBSPM-20;for (awem1nbspm=0; awem1nbspm < awEMNBSPM; awem1nbspm++){document.getElementById("awem1Nbspm1"+awem1nbspm).style.left=AWemNBSPM-15+aWEmnBSPM*Math.cos(-1.56+awem1nbspm*AWEmNBSPM*Math.PI/180);document.getElementById("awem1Nbspm1"+awem1nbspm).style.top=aWEmNBSPM-15+awEMnBSPM*Math.sin(-1.56+awem1nbspm *AWEmNBSPM*Math.PI/180);}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.getElementById("awem1Nbspm4"+awem1nbspm).style.left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbspM);document.getElementById("awem1Nbspm4"+awem1nbspm).style.top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbspM);}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.getElementById("awem1Nbspm3"+awem1nbspm).style.left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nBSpm);document.getElementById("awem1Nbspm3"+awem1nbspm).style.top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nBSpm);}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.getElementById("awem1Nbspm2"+awem1nbspm).style.left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbsPM);document.getElementById("awem1Nbspm2"+awem1nbspm).style.top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbsPM);}}if (aWemNBSPM){AWemNBSPM=window.pageXOffset+window.innerWidth-aWEmnBSPM-30;aWEmNBSPM=window.pageYOffset+window.innerHeight-awEMnBSPM-20;for (awem1nbspm=0; awem1nbspm < awEMNBSPM; ++awem1nbspm){document.layers["awem1Nbspm5"+awem1nbspm].left=AWemNBSPM-15+aWEmnBSPM*Math.cos(-1.045+awem1nbspm*AWEmNBSPM*Math.PI/180);document.layers["awem1Nbspm5"+awem1nbspm].top=aWEmNBSPM-5+awEMnBSPM*Math.sin(-1.045+awem1nbspm*AWEmNBSPM*Math.PI/180);}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.layers["awem1Nbspm8"+awem1nbspm].left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbspM);document.layers["awem1Nbspm8"+awem1nbspm].top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbspM);}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.layers["awem1Nbspm7"+awem1nbspm].left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nBSpm);document.layers["awem1Nbspm7"+awem1nbspm].top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nBSpm);}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.layers["awem1Nbspm6"+awem1nbspm].left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbsPM);document.layers["awem1Nbspm6"+awem1nbspm].top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbsPM);}}setTimeout('awem1nBspm()',100);};awem1nBspm();
</SCRIPT>
</body>
 

Silver PC

Well-Known Member
" ست کردن scroll يک ديو به آخرين خط داخلش "

کد:
<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
.content                                  
{
    height: 100px;
    overflow: auto;
    border: 1px solid #000;
}
</style>
<script type="text/javascript">
var i=1;
function add()
{
    var content=document.getElementById("content");
    document.getElementById("content").innerHTML+=(i++)+"<br/>";
    content.scrollTop=content.scrollHeight;
    setTimeout("add()",100);
}
</script>
</head>

<body>
<div id="content" class="content">

</div>
<input type="button" onclick="add();" value="click"/>
</body>

</html>
 

Silver PC

Well-Known Member
" غيره فعال کردن راست کليک در صفحه "

کد:
<html>
<head>
<script type="text/javascript">
    document.onmousedown = click;

    function click(eve) {
        if (!eve) eve = window.event;
        if ((eve.button==2) || (eve.button==3)) { 
            document.getElementById("ctxMenu").style.display = "block";
        }
    }
</script>

</head>                                            

<body oncontextmenu="click(event);return false;">
    <div id="ctxMenu" style="display:none;">
        <a href="http:///">Good kar mikoneh!!!</a>
    </div>
</body>
</html>
 

Silver PC

Well-Known Member
" قرار دادن نوشته هايي در سمت راست ماوس "

کد:
<meta http-equiv=content-language content=en-us>
<style type="text/css"><!-- .spanstyle{position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:verdana;font-weight:italic;color:#00f}body{width:100%;overflow-x:hidden;overflow-y:scroll}--></style>
<script language=javascript1.2>var x,y
var kern=20
var flag=0
var message="welcome to my weblog"
message=message.split("")
var xpos=new Array()
for(i=0;i<message.length;i++){xpos[i]=-50}
var ypos=new Array()
for(i=0;i<message.length;i++){ypos[i]=-50}
function handlerMM(e){x=(e)?e.pageX:document.body.scrollLeft+event.clientX
y=(e)?e.pageY:document.body.scrollTop+event.clientY
flag=1}
function makebanner(){if(flag==1){for(i=message.length-1;i>=1;i--){xpos[i]=xpos[i-1]+kern
ypos[i]=ypos[i-1]}
xpos[0]=x+kern                            
ypos[0]=y
for(i=0;i<message.length;i++){if(document.getElementById){var thisspan=document.getElementById("span"+i).style}else{var thisspan=eval((document.layers)?"document.span"+i:"span"+(i)+".style")}
if(thisspan.posLeft){thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]}
if(!thisspan.posLeft){thisspan.left=xpos[i]
thisspan.top=ypos[i]}}}
var timer=setTimeout("makebanner()",30)}
window.onload=makebanner;</script>



<script language=javascript1.2>for(i=0;i<message.length;i++){document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if(document.layers){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove=handlerMM;</script>

<style type="text/css"><!-- .spanstyle{position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:times new roman;font-weight:italic;color:#f00}body{width:100%;overflow-x:hidden;overflow-y:scroll}--></style>
<script language=javascript1.2>var x,y
var kern=20
var flag=0
var message="welcome to my weblog"
message=message.split("")
var xpos=new Array()
for(i=0;i<message.length;i++){xpos[i]=-50}
var ypos=new Array()
for(i=0;i<message.length;i++){ypos[i]=-50}
function handlerMM(e){x=(e)?e.pageX:document.body.scrollLeft+event.clientX
y=(e)?e.pageY:document.body.scrollTop+event.clientY
flag=1}
function makebanner(){if(flag==1){for(i=message.length-1;i>=1;i--){xpos[i]=xpos[i-1]+kern
ypos[i]=ypos[i-1]}
xpos[0]=x+kern
ypos[0]=y
for(i=0;i<message.length;i++){if(document.getElementById){var thisspan=document.getElementById("span"+i).style}else{var thisspan=eval((document.layers)?"document.span"+i:"span"+(i)+".style")}
if(thisspan.posLeft){thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]}
if(!thisspan.posLeft){thisspan.left=xpos[i]
thisspan.top=ypos[i]}}}
var timer=setTimeout("makebanner()",30)}
window.onload=makebanner;</script>



<script language=javascript1.2>for(i=0;i<message.length;i++){document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if(document.layers){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove=handlerMM;</script>
</body>
</html>
 

Silver PC

Well-Known Member
" گرفتن مشخصات اولين DIV موجود در صفحه ( حذف تبليغات بلاگفا) "

کد:
<script>eval('document.getEleme'+'ntsByTagName("div")[0].style.display = "none";');</script>
 

Silver PC

Well-Known Member
" گشيدن و انداختن يک Div در داخل Div ديگر و نمايش عنوان Div انداخته شده "

کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
.dragable {
border:solid 1px yellow;
padding:10px;
background-color:#eeeff3;
cursor: pointer;
height:30px;
z-index:99;                                    
}

.customizable-block {
position:relative;
padding: 0px ; 
margin: 10px;
border: 1px solid black;
width: 200px ;
background:yellow;
}
</style>
</head>

<body>
<div id="root" style="border:solid 1px red">
<div style="overflow:hidden; width:100%">
<div style="float:left">
<div id="source1" class="customizable-block">
<div class="dragable">Tab Layout</div>
</div>
<div id="source2" class="customizable-block">
<div class="dragable">Column Layout</div>
</div>
<div id="source3" class="customizable-block">
<div class="dragable">Row Layout</div>
</div>
</div>
<div style="float:right">
<div id="container1" class="customizable-block" style="width:300px; height:150px">
<div class="dropable">This is container 1</div>
</div>
<div id="container2" class="customizable-block" style="width:300px; height:150px">
<div class="dropable">This is container 2</div>
</div>
<div id="container3" class="customizable-block" style="width:300px; height:150px">
<div class="dropable">This is container 3</div>
</div>
</div>
</div>
</div>

<script language="javascript" src="dnd.js"/></script>
<script language="javascript" src="callBack.js"/></script>
<script language="javascript">
var callback = function(src, target) {
alert('Selected Layout: ' + src.id + '\n\nTarget Container: ' + target.id) ;
};
var root = document.getElementById('root') ;
var portalDND = new PortalDragDrop(root, callback) ;
</script>
</body>
</html>
 

جدیدترین ارسال ها

بالا