www.webdeveloper.com
Results 1 to 3 of 3

Thread: How can I make a cookie counter appear on a text box

  1. #1
    Join Date
    Jul 2004
    Posts
    5

    Question How can I make a cookie counter appear on a text box

    Hi I created an Index.htm with 5 links, right next to each link is a text box. Everytime I click on a link I want the cookie counter number to appear in the text box for that link. If I view the link 5 times I want it to say in the text box 5. I know how to make it display the number on the actual page I visit but how can I get it to display it on the text box for the index.htm?

    this is the code im using for the link page.

    =====================================================================
    <HTML>
    <HEAD>
    <TITLE>Chapter 1</TITLE>
    <SCRIPT LANGUAGE="JAVASCRIPT">
    <!--Hide from old browsers

    function addCookie(tag, value)
    {
    var expireDate = new Date()
    var expireString = ""
    expireDate.setTime(expireDate.getTime() + (1000 * 60 * 60 * 24 * 365))
    expireString = "expires=" + expireDate.toGMTString()
    document.cookie = tag + "=" + escape(value) + ";" + expireString + ";"
    }

    function getCookie(tag)
    {
    var value = null;
    var myCookie = document.cookie + ";"
    var findTag = tag + "="
    var endPos

    if (myCookie.length > 0)
    {
    var beginPos = myCookie.indexOf(findTag)
    if (beginPos != -1)
    {
    beginPos += findTag.length
    endPos = myCookie.indexOf(";", beginPos)
    if (endPos == -1)
    endPos = myCookie.length
    value = unescape(myCookie.substring(beginPos, endPos))
    }
    }
    return value

    }


    var CookieValue=0
    CookieValue = getCookie("VisitNumber")
    if (CookieValue != null)
    {
    CookieValue=parseInt(CookieValue) + 1
    }
    else
    {
    CookieValue= 1
    }
    addCookie("VisitNumber",CookieValue)
    //-->
    </SCRIPT>
    </HEAD>


    <BODY>

    <H2 ALIGN="CENTER"><FONT COLOR="darkblue">Chapter 1</FONT></H2>
    <br>
    <BR>
    <script language="javascript">
    var CookieValue=""

    CookieValue =getCookie("VisitNumber")
    if(CookieValue !=null)
    {
    document.write(+CookieValue)
    }

    </script>



    </BODY>
    </HTML>

  2. #2
    Join Date
    Dec 2002
    Location
    Calgary, Canada
    Posts
    6,119
    change the following line
    document.write(+CookieValue)
    to something like below.I am presuming that forms
    name="form1"
    and text fields name
    name="t1"

    document.form1.t1.value = CookieValue;
    Cheers

    Khalid

    Message Posting Guidelines In These Forums, Please read these before posting any question.
    Web site: webapplikations.com
    Web Resources Page:Web Resources

  3. #3
    Join Date
    Jul 2004
    Posts
    5
    Hi it works I am able to get the cookie counter value for the link and assign it to the text box in the index.htm page. My problem is this I have 5 links how can I make the index.htm recognize each individual cookie counter? I copied and pasted the code from the first page to the other links but the same value shows up for all 5 I want individual values for each.

    this is what my index.htm looks like

    <html>
    <head>
    <title>Index Form</title>

    <script language="javascript">
    function getCookie(tag)
    {
    var value = null;
    var myCookie = document.cookie + ";"
    var findTag = tag + "="
    var endPos

    if (myCookie.length > 0)
    {
    var beginPos = myCookie.indexOf(findTag)
    if (beginPos != -1)
    {
    beginPos += findTag.length
    endPos = myCookie.indexOf(";", beginPos)
    if (endPos == -1)
    endPos = myCookie.length
    value = unescape(myCookie.substring(beginPos, endPos))
    }
    }
    return value

    }
    </script>

    </head>

    <body bgColor="lightblue">
    <h1 align="center">Index</h1>

    <form name="indexForm">
    <table border="1" align="center" cellspacing="3" cellpadding="3" width="50%" bgColor="lightgreen">
    <tr>
    <th>
    Chapter
    </th>
    <th>
    Last date and time visited
    </th>
    <th>
    Number of times visited
    </th>
    </tr>

    <tr>
    <td>
    <a href="1.htm">first link</a>
    </td>
    <td>
    <input type="text" name="" size="23">
    </td>
    <td>
    <input type="text" name="i1" size="5">
    </td>
    </tr>

    <tr>
    <td>
    <a href="1.htm">second link</a>
    </td>
    <td>
    <input type="text" name="" size="23">
    </td>
    <td>
    <input type="text" name="i2" size="5">
    </td>
    </tr>

    <tr>
    <td>
    <a href="1.htm">third link</a>
    </td>
    <td>
    <input type="text" name="" size="23">
    </td>
    <td>
    <input type="text" name="i3" size="5">
    </td>
    </tr>

    <tr>
    <td>
    <a href="1.htm">fourth link</a>
    </td>
    <td>
    <input type="text" name="" size="23">
    </td>
    <td>
    <input type="text" name="i4" size="5">
    </td>
    </tr>

    <tr>
    <td>
    <a href="1.htm">fifth link</a>
    </td>
    <td>
    <input type="text" name="" size="23">
    </td>
    <td>
    <input type="text" name="i5" size="5">
    </td>
    </tr>
    </table>
    </form>

    <script language="javascript">
    var CookieValue=""

    CookieValue =getCookie("VisitNumber")
    if(CookieValue !=null)
    {
    document.indexForm.i1.value= CookieValue;
    }
    </script>
    </html>
    Last edited by goldenleg; 07-18-2004 at 03:00 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles