الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

ممكن سؤال عن قوائم ال HTML?

مغلق
بدأه nadeen في 9 أغسطس 2003 · 10 رد · 953 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

سلام الله عليكم

انا نزلت برنامج و شفت معه صفحات Help

على نسق ال HTML

و عجبني فيهم القوائم الجانبيه

انا رح احطهم في المرفقات

و يا ريت تعلموني كيف اعمل متلهم ؟

او ازا في برنامج مشان هالحكي ؟

helpfile.zip

#2

عزيزي nadeen

انا فتحت صفحة الـ Help ما شفت فيها شيء مجرد صفحة مقسومة الى جزئين

#3

اول شي شكرا لردك :)

تاني شي انا انثى :'(

تالت شي كيف يعني ما شفت شي ؟

يعني ما طلعلك زي هاي الصوره ؟

(في المرفقات)

a.zip

#4

انا آسف:o ما كنت اعرف انك انثى

اذا تحبين تتعلمين بنفسك

1. اضغطي بالزر اليمين على الملف اللي اسمه help واختر فتح عن طريق Notepad

  الملف الاول مسوينه على طريقة كما يسمى  " التشجير " FoldreTree
  الملف الثاني

2. ابحثي عن الملف الاول والثاني، وافتحيهم بالـ Notepad بالزر اليمين وراح تشوفين طريقة كتابة الملفين

3. وكل من الملفين له طريقة خاصة وشبه صعبة الا اذا كنت دارسه لغة برمجة HTML راح يكون سهل عليك.

تحياتي

#5

شكرا الك كتييييييييييييييير

انا اعملك زي ما حكيت

انا خبرتي جيده في ال HTML

بس شفت اشي امتداده .js

شكلها هون اللعبه ؟ :)

بس ما اعرفت شو اعدل او اغير

طب هل من الممكن يكون برنامج اللي عمل هالحكي ؟

طب على شو اعمل بحث في ال Google

?

#6

شوفي هالملفين اللي فيهم اللعبة

بعد ما تسوين ملفاتك الخاصة وتخلينهم نفس طريقة الملف الرئيسي

غيري اسم الملف من البرنامج الرئيسي واكتبي اسم ملفك

    هذه طريقة كتابة التشجير 
foldersTree = gFld("Reference Table", "main.html")
	aux1 = insFld(foldersTree, gFld("Introduction", "main.html#1"))
		insDoc(aux1, gLnk(2, "About Describer", "about.html"))
		insDoc(aux1, gLnk(2, "Comparative Advantages", "comad.html"))
		insDoc(aux1, gLnk(2, "Minimum Requirements", "minreq.html"))
	aux1 = insFld(foldersTree, gFld("Installation", "main.html#2"))
 		insDoc(aux1, gLnk(2, "First Installation", "finst.html"))
 		insDoc(aux1, gLnk(2, "Re Installation", "reinst.html"))
 	aux1 = insFld(foldersTree, gFld("Installation in details", "main.html#3"))
 		insDoc(aux1, gLnk(2, "Files & Registry", "filesnregistry.html"))
	aux1 = insFld(foldersTree, gFld("Uninstallation of 'Describer'", "main.html#4"))
 		insDoc(aux1, gLnk(2, "Uninstallation", "uninst.html"))
	aux1 = insFld(foldersTree, gFld("How To ...", "main.html#5"))
		insDoc(aux1, gLnk(2, "Add description to files", "add.html"))
		insDoc(aux1, gLnk(2, "Change/Remove Description", "change.html"))
		insDoc(aux1, gLnk(2, "Change a style, color, etc.", "style.html"))
		insDoc(aux1, gLnk(2, "Insert hyperlinks", "hyperlinks.html"))
		insDoc(aux1, gLnk(2, "Change a skin", "skins.html"))
	aux1 = insFld(foldersTree, gFld("Registration", "main.html#6"))
		insDoc(aux1, gLnk(2, "F.A.Q. about Registration", "regfaq.html"))
		insDoc(aux1, gLnk(2, "On-line Registration", "https://www.regnow.com/softsell/nph-softsell.cgi?item=3179-1"))
		insDoc(aux1, gLnk(2, "Ordering methods", "regfaq.html#1"))
		insDoc(aux1, gLnk(2, "Free Registration", "regfree.html"))
	aux1 = insFld(foldersTree, gFld("Technical Support", "main.html#7"))
		insDoc(aux1, gLnk(2, "Frequently Asked Questions", "faq.html"))
		insDoc(aux1, gLnk(2, "Mailing to Tech Support", "mailing.html"))

    هذا الملف مبين فيه طريقة كتابة
 تعليمات الملف بلغة الجافا، 
لو قرأتي كل التعليمات راح تشوفين 
طريقة عمل اللينك وادراج الصور ...... الخ
//****************************************************************
// You are free to copy the "Folder-Tree" script as long as you
// keep this copyright notice:
// Script found in: http://www.geocities.com/Paris/LeftBank/2178/
// Author: Marcelino Alves Martins (martins@hks.com) December '97.
//****************************************************************

//Log of changes:
//       17 Feb 98 - Fix initialization flashing problem with Netscape
//
//       27 Jan 98 - Root folder starts open; support for USETEXTLINKS;
//                   make the ftien4 a js file
//


// Definition of class Folder
// *****************************************************************

function Folder(folderDescription, hreference) //constructor
{
  //constant data
  this.desc = folderDescription
  this.hreference = hreference
  this.id = -1
  this.navObj = 0
  this.iconImg = 0
  this.nodeImg = 0
  this.isLastNode = 0

  //dynamic data
  this.isOpen = true
  this.iconSrc = "ho.gif"
  this.children = new Array
  this.nChildren = 0

  //methods
  this.initialize = initializeFolder
  this.setState = setStateFolder
  this.addChild = addChild
  this.createIndex = createEntryIndex
  this.hide = hideFolder
  this.display = display
  this.renderOb = drawFolder
  this.totalHeight = totalHeight
  this.subEntries = folderSubEntries
  this.outputLink = outputFolderLink
}

function setStateFolder(isOpen)
{
  var subEntries
  var totalHeight
  var fIt = 0
  var i=0

  if (isOpen == this.isOpen)
    return

  if (browserVersion == 2)
  {
    totalHeight = 0
    for (i=0; i < this.nChildren; i++)
      totalHeight = totalHeight + this.children.navObj.clip.height
      subEntries = this.subEntries()
    if (this.isOpen)
      totalHeight = 0 - totalHeight
    for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++)
      indexOfEntries[fIt].navObj.moveBy(0, totalHeight)
  }
  this.isOpen = isOpen
  propagateChangesInState(this)
}

function propagateChangesInState(folder)
{
  var i=0

  if (folder.isOpen)
  {
    if (folder.nodeImg)
      if (folder.isLastNode)
        folder.nodeImg.src = "mlastnode.gif"
      else
	  folder.nodeImg.src = "mnode.gif"
    folder.iconImg.src = "ho.gif"
    for (i=0; i      folder.children.display()
  }
  else
  {
    if (folder.nodeImg)
      if (folder.isLastNode)
        folder.nodeImg.src = "plastnode.gif"
      else
	  folder.nodeImg.src = "pnode.gif"
    folder.iconImg.src = "hc.gif"
    for (i=0; i      folder.children.hide()
  }
}

function hideFolder()
{
  if (browserVersion == 1) {
    if (this.navObj.style.display == "none")
      return
    this.navObj.style.display = "none"
  } else {
    if (this.navObj.visibility == "hiden")
      return
    this.navObj.visibility = "hiden"
  }

  this.setState(0)
}

function initializeFolder(level, lastNode, leftSide)
{
var j=0
var i=0
var numberOfFolders
var numberOfDocs
var nc

  nc = this.nChildren

  this.createIndex()

  var auxEv = ""

  if (browserVersion > 0)
    auxEv = ""
  else
    auxEv = ""

  if (level>0)
    if (lastNode) //the last 'brother' in the children array
    {
      this.renderOb(leftSide + auxEv + "")
      leftSide = leftSide + ""
      this.isLastNode = 1
    }
    else
    {
      this.renderOb(leftSide + auxEv + "")
      leftSide = leftSide + ""
      this.isLastNode = 0
    }
  else
    this.renderOb("")

  if (nc > 0)
  {
    level = level + 1
    for (i=0 ; i < this.nChildren; i++)
    {
      if (i == this.nChildren-1)
        this.children.initialize(level, 1, leftSide)
      else
        this.children.initialize(level, 0, leftSide)
      }
  }
}

function drawFolder(leftSide)
{
  if (browserVersion == 2) {
    if (!doc.yPos)
      doc.yPos=8
    doc.write("")
  }

  doc.write("  if (browserVersion == 1)
    doc.write(" id='folder" + this.id + "' style='position:block;' ")
  doc.write(" border=0 cellspacing=0 cellpadding=0>")
  doc.write("")
  doc.write(leftSide)
  this.outputLink()
  doc.write("")
      leftSide = leftSide + ""
    }
    else
    {
      this.renderOb(leftSide + "")
      leftSide = leftSide + ""
    }
  else
    this.renderOb("")
}

function drawItem(leftSide)
{
  if (browserVersion == 2)
    doc.write("")

  doc.write("  if (browserVersion == 1)
    doc.write(" id='item" + this.id + "' style='position:block;' ")
  doc.write(" border=0 cellspacing=0 cellpadding=0>")
  doc.write("")
  doc.write(leftSide)
  doc.write("")
  doc.write("")
  doc.write("")
  doc.write("")
  if (USETEXTLINKS)
    doc.write("" + this.desc + "")
  else
    doc.write(this.desc)
  doc.write("")

  if (browserVersion == 2)
    doc.write("")

  if (browserVersion == 1) {
    this.navObj = doc.all["item"+this.id]
    this.iconImg = doc.all["itemIcon"+this.id]
  } else if (browserVersion == 2) {
    this.navObj = doc.layers["item"+this.id]
    this.iconImg = this.navObj.document.images["itemIcon"+this.id]
    doc.yPos=doc.yPos+this.navObj.clip.height
  }
}


// Methods common to both objects (pseudo-inheritance)
// ********************************************************

function display()
{
  if (browserVersion == 1)
    this.navObj.style.display = "block"
  else
    this.navObj.visibility = "show"
}

function createEntryIndex()
{
  this.id = nEntries
  indexOfEntries[nEntries] = this
  nEntries++
}

// total height of subEntries open
function totalHeight() //used with browserVersion == 2
{
  var h = this.navObj.clip.height
  var i = 0

  if (this.isOpen) //is a folder and _is_ open
    for (i=0 ; i < this.nChildren; i++)
      h = h + this.children.totalHeight()

  return h
}


// Events
// *********************************************************

function clickOnFolder(folderId)
{
  var clicked = indexOfEntries[folderId]

  if (!clicked.isOpen)
    clickOnNode(folderId)

  return

  if (clicked.isSelected)
    return
}

function clickOnNode(folderId)
{
  var clickedFolder = 0
  var state = 0

  clickedFolder = indexOfEntries[folderId]
  state = clickedFolder.isOpen

  clickedFolder.setState(!state) //open<->close
}

function initializeDocument()
{
  if (doc.all)
    browserVersion = 1 //IE4
  else
    if (doc.layers)
      browserVersion = 2 //NS4
    else
      browserVersion = 0 //other

  foldersTree.initialize(0, 1, "")
  foldersTree.display()

  if (browserVersion > 0)
  {
    doc.write(" ")

    // close the whole tree
    clickOnNode(0)
    // open the root folder
    clickOnNode(0)
  }
}

// Auxiliary Functions for Folder-Treee backward compatibility
// *********************************************************

function gFld(description, hreference)
{
  folder = new Folder(description, hreference)
  return folder
}

function gLnk(target, description, linkData)
{
  fullLink = ""

  if (target==0)
  {
    fullLink = "'"+linkData+"' target="basefrm""
  }
  else
  {
    if (target==1)
       fullLink = "'"+linkData+"' target="basefrm""
    else
       fullLink = "'"+linkData+"' target="basefrm""
  }

  linkItem = new Item(description, fullLink)
  return linkItem
}

function insFld(parentFolder, childFolder)
{
  return parentFolder.addChild(childFolder)
}

function insDoc(parentFolder, document)
{
  parentFolder.addChild(document)
}

// Global variables
// ****************

USETEXTLINKS = 0
indexOfEntries = new Array
nEntries = 0
doc = document
browserVersion = 0
selectedFolder=0
#7

شكرا لسرعة الرد : )

يسلموااااااااااااااا كتير الله يكتر خيرك

ما قصرت (f)

#8

الاخت/ نادين

افضل برنامج لعمل الhelp بنسق مختلفه هو Help&manual

انصحك تستخدميه(yess)

البرنامج حجمه تقريبا 8 ميجا اذا احد يريده فيضع ايميله(عذرا اختي نادين اذا كان دخلت غلط في مشاركتك واذا بتزعلين ماراح ارسله لاحد) :o

سبحان الله وبحمده .... سبحان الله العظيم

#9

لا يا اخ لشوا بدي ازعل

يا ريت تحط الرابط هون

مش بس الي للكل : )

:)

#10

اقتباس من الاخت nadeen

_*_*_*_*_*_*_*_*_*_

يا ريت تحط الرابط هون

مش بس الي للكل : )

_*_*_*_*_*_*_*_*_*_

حتى تعم الفائدة

#11

شكراً لك نادين على لطفك:o

وآسف على التأخير

بس هو عندي على الجهاز احاول انزله على موقع واعطيكم الرابط.

تحياتي؛(f)

سبحان الله وبحمده .... سبحان الله العظيم

هذا الموضوع مغلق.

مواضيع مشابهة