Jump to content

amitamberker

Members
 View Profile  See their activity

  • Posts

    599

  • Joined

  • Last visited

 Content Type 

Posts posted by amitamberker

    Default should Hide and Click should Display

    in JavaScript

    Posted

    Thank you dsonesuk! Thanks a Lot! Now the Updated CODE looks like this: 

    <!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>Untitled 1</title>
<style type="text/css">
.style1 {
	font-family: Verdana;
	font-size: 10pt;
	text-align:justify;	
}
.style2 {
	cursor:pointer;	
}
</style>
</head>

<body>

<div style="width:243px">
<div><span class="style1">W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to...</span> <br />
	<br />
<p style="margin:10px 0 0 115px;font:9pt Verdana; color:#4A7FC9; text-decoration:underline;"><a onclick="myFunction()"><strong class="style2">Click to Read More</strong></a></p></div>
<div style="margin:30px 0 0 0;display:none;height:100%" id="myDIV" class="style1">W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>
<br/>
W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>
<br/>
W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>
<br/>
W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>


</div>
</div>

<script>
function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
</script>

</body>

</html>

     

    Default should Hide and Click should Display

    in JavaScript

    Posted

    On ‎10‎/‎6‎/‎2017 at 9:28 PM, dsonesuk said:

    IF you want the pointer to appear when anchor hovered over? Then would it not be a good idea to add the class to anchor and not to span element encasing text just before it!

    Can you please Explain once again in a Different and More Easier way? Feeling little bit Difficult to Understand.

    NewsLetter SignUp Subscription

    in HTML/XHTML

    Posted

    22 hours ago, Ingolme said:

    You have to build it or hire somebody to build it for you. A PHP script will work if your server supports PHP, but there are tons of other server-side languages with which to build your website.

    Thanks for your Response Ingolme. In that Case, I will Check with Domain and Server hosting Vendor. Hopefully they Should be able to Help Me. If I may ask you, can you please provide your Email ID? I would like to Send you an Email. I tried Sending you Message from here. It's not happening.

    Default should Hide and Click should Display

    in JavaScript

    Posted

    Dear Friends - So, is this the Right Way? Please let me know. dsonesuk said > "Using href="#" will have side effects compared to button in that it will reload the page, taking you to top of page with address bar url having '#' at end." I have used cursor:pointer; in CSS but I not Seeing the Hand Cursor on "Click to Read More". Please help. Look forward to Hearing from you.

    Quote
    <!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>Untitled 1</title>
    <style type="text/css">
    .style1 {
     font-family: Verdana;
     font-size: 10pt;
     text-align:justify;
     cursor:pointer;
    }
    </style>
    </head>
    <body>
    <div style="width:243px">
    <div><span class="style1">W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to...</span> <br />
     <br />
    <p style="margin:10px 0 0 115px;font:9pt Verdana; color:#4A7FC9; text-decoration:underline;"><a onclick="myFunction()"><strong>Click to Read More</strong></a></p></div>
    <div style="margin:30px 0 0 0;display:none;height:100%" id="myDIV" class="style1">W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
    Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>
    <br/>
    W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
    Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>
    <br/>
    W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
    Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>
    <br/>
    W3Schools is a popular web site for learning web technologies online.[2] Content includes tutorials and references relating to HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, and jQuery. It receives more than 10 million unique visitors monthly.[1]
    Created in 1998, its name is derived from the World Wide Web, but is not affiliated with the W3C (World Wide Web Consortium).[3] It is run by Refsnes Data in Norway.[1] W3Schools presents thousands of code examples. By using an online editor, readers can edit examples and execute the code in a sandbox.<br/>

    </div>
    </div>
    <script>
    function myFunction() {
        var x = document.getElementById('myDIV');
        if (x.style.display === 'none') {
            x.style.display = 'block';
        } else {
            x.style.display = 'none';
        }
    }
    </script>
    </body>
    </html>

     

     

    NewsLetter SignUp Subscription

    in HTML/XHTML

    Posted

    Upon filling the Email ID in "Enter E-mail here" field and then Clicking SEND, a Specific Sign-Up Page should Open and the filled Email ID should Appear. Please Help. 

    <body>
  <table style="width:239px">
    <tr>
      <td width="239" background="images/a13_bgr.jpg" style="background-repeat:repeat-x; width:239px; height:83px">
        <table width="239" border="0" cellpadding="0" cellspacing="0">
          <tr><td height="31"><img src="images/a15_news.jpg" width="129" height="11" style="margin:17px 0 0 30px"></td></tr>
          <tr><td height="24">
            <form><table height="24" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="159"><input type="text" value="Enter E-mail here" onClick="this.value=''" style="width:123px; height:18px; padding:1px 0 1px 4px; font-size:10px; margin:3px 0 0 30px"></td>
                <td width="80"><input type="image" src="images/a14_send.jpg" height="24" width="55" style="cursor: hand; cursor: pointer;"></td>             			   </tr></table></form></td></tr>
          <tr><td height="28"><p style="margin-left:34px"><a href="#" class="newsletl">Cancel subscription</a></p></td></tr></table>         </td></tr></table>
</body>

     

     

     

    Default should Hide and Click should Display

    in JavaScript

    Posted

    Quote

    Using href="#" will have side effects compared to button in that it will reload the page, taking you to top of page with address bar url having '#' at end.


    Can you please Show Me an Example? By the way, I don't need anything at the End and I Don't want the Page to ReLoad.
    Quote

    You can prevent this using javascript: void() in href OR by passing 'event' as function called argument you can within that function use event  with preventDefault() to stop the anchors normal action triggering.
    https://www.w3schools.com/jsref/event_preventdefault.asp
    https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_oper_void


    Okie.
    Quote

    Display Name is a username? doubt anyone but moderator would have permission to do that, IF allowed.


    Yup. I mean UserName. To which Moderator should I Request?

    Default should Hide and Click should Display

    in JavaScript

    Posted

    Quote

    The hand pointer only shows for elements like <a> elements, any other element you would have to set the cursor style by using css cursor: pointer;

    Ok. Got it. But however, like I asked you is it Ok to add href="#" in <a> element? Or you would Recommend to Set the Cursor style by using CSS cursor:pointer? Which option is better?

    Quote

    link does not allow access,

    Means?

    Quote

    and I don't know what u mean by display name?

    I mean, my w3schools Profile Name (aka) Display Name.

    Default should Hide and Click should Display

    in JavaScript

    Posted

    On ‎9‎/‎8‎/‎2017 at 6:35 PM, dsonesuk said:

    All you have to do is set the divs inline style display to display: none; make sure it has the id reference, and you are there.

    Please see the attached HTML File. Why am I not able to See the "Hand Icon" upon taking the Cursor on "Click to Read More"? Should I add href="#" after onclick="myFunction()" ? Please let me know. By the way, I have another Query. I want to Change my Display Name. What should I Do?

    ReadMore_Click_And_DropDown.html

    Default should Hide and Click should Display

    in JavaScript

    Posted

    Hello Dear Friends!!!... :-)
    Can you please Help me?
    Look forward to hearing from you.
    Thank you!

     
    Quote

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled 1</title>
    </head>
    <body>
    <div style="width:243px">
    <div>Blah... Blah... Blah... Blah... Blah... Blah... Blah... Blah...
     Blah...............<br />
     <br />
    <p style="margin:10px 0 0 133px;font:10px/12px Tahoma, Arial, Geneva, sans-serif; color:#4A7FC9; text-decoration:underline;"><a href="#"><strong>Click to Read More</strong></a></p></div>
    <div style="margin:30px 0 0 0">By default, this Segment should Hide after
     Loading the Page. Upon Clicking the above "Click to Read More" blurb, this Segment should Display    </div>
    </div>
    </body>
    </html>

     

     

     

    A4 Size Laser Printer with BlueTooth Option

    in General

    Posted · Edited by creative1977

    It might make more sense to go to a vendor or manufacturers website and search there.

    Hi davej,
    Thanks for your Response. I had went to Manufacture's Websites (BROTHER, HP, Canon, Epson, Samsung) and Searched there. But Alas, I could not Find as per my Requirement. Even I tried with few Vendors but they said, they don't have Laser Printer with BlueTooth Option with them. If possible, could you please to Find something for me on Google? I tried on Google but could not find it.

    Is this the Proper Way OR Am I doing Something Wrong?

    in HTML/XHTML

    Posted

    A gap where? Some gaps can be caused by browser defaults. When in doubt set the margin and padding to zero.

     

    You want to try to use the minimum number of divs that will get the job done. To fill a space you can usually adjust the size or padding of the elements that are already there.

     

    Yup! A Gap. I will Email you the HTML File for your Reference.Okie Dokee. Gotch you. Thanks for the Info. I think I am Aware about that. But still, thank you.

    html help

    in HTML/XHTML

    Posted

    hello

    i need help

    i want to put an mp3 sound clip on my web site, i want it to play once when a new visitor arrives and not play again if the same visitor goes back to the home page

    i will be using front page and the plug in element

    can anybody help

    TA

     

    Hi talbotracer,

     

    Can you please Show Us your Website's HTML Code? I know how to Make your Mp3 Play when a Visitor Arrives to your Home Page but I have NO IDEA about how to Instruct the CODE Not To Play Again for Same Visitor. But however, I will Try my Best to Help You. Please Post your CODE. Let's try to Learn Together. And also please send the Name of your Mp3 File.

    Is this the Proper Way OR Am I doing Something Wrong?

    in HTML/XHTML

    Posted

    Yup! There is a Gap underneath Text and Purple Background. What should I do to Get-Rid of it?

     

     

     

    So you want four boxes that have images on top on one background and text below on a different background...

    <!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>Test</title><style type="text/css">#ContainerOf4Boxes {width: 470px;height: 80px;border: 1px solid red;}.Testing01 {background-color: #999;background-image: url('images/XXX.png');width: 116px;height: 50px;background-repeat: no-repeat;margin-right: 2px;float:left;}.Testing02 {background-color: #999;background-image: url('images/XXX.png');width: 116px;height: 50px;background-repeat: no-repeat;margin-right: 2px;float:left;}.Testing03 {background-color: #999;background-image: url('images/XXX.png');width: 116px;height: 50px;background-repeat: no-repeat;margin-right: 2px;float:left;}.Testing04 {background-color: #999;background-image: url('images/XXX.png');width: 116px;height: 50px;background-repeat: no-repeat;margin-right: 0;float:left;}.TextFor4Boxes {float:left;width: 116px;height: 30px;background-color: #4e1152;margin-right: 2px;font-family: Arial;font-size: 11px;color: #FFF;text-decoration: none;text-align: center;}.TextForLastBox {margin-right: 0;}</style></head><body><div id="ContainerOf4Boxes"><div class="Testing01"></div><div class="Testing02"></div><div class="Testing03"></div><div class="Testing04"></div><div class="TextFor4Boxes"><p>Text Box 01</p></div><div class="TextFor4Boxes"><p>Text Box 02</p></div><div class="TextFor4Boxes"><p>Text Box 03</p></div><div class="TextFor4Boxes TextForLastBox"><p>Text Box 04</p></div></div></body></html>

    Is this the Proper Way OR Am I doing Something Wrong?

    in HTML/XHTML

    Posted

    I'm not sure what you're asking. What are you asking for feedback on? Some sort of technique? Something technical or presentation related? Is there a problem you are trying to solve and asking for advice on the solution?

     

    Hi thescientist,

     

    Thanks for your Reply. I am asking if I have Done the entire CODE Properly OR Not. Please Save the FILE into test.html File and Publish it on your Browser. Oh! By the way, there is a Additional Grab at the Bottom. Could you please tell me How should I Remove it? Please check the CODE from your Browser.

    Is this the Proper Way OR Am I doing Something Wrong?

    in HTML/XHTML

    Posted

    Hello,Am I Doing it Correct OR am I Doing Something Wrong?

    <style type="text/css">#ContainerOf4Boxes {width: 470px;}.Testing01 {background-image: url('images/XXX.png');width: 116px;height: 83px;background-repeat: no-repeat;padding-right: 2px;width:116px;float:left; }.Testing02 {background-image: url('images/XXX.png');width: 116px;height: 83px;background-repeat: no-repeat;padding-right: 2px;width:116px;float:left;}.Testing03 {background-image: url('images/XXX.png');width: 116px;height: 83px;background-repeat: no-repeat;padding-right: 2px;width:116px;float:left;}.Testing04 {background-image: url('images/XXX.png');width: 116px;height: 83px;background-repeat: no-repeat;width:116px;float:right; }.TextFor4Boxes {width: 116px;height: 33px;float: left;background-color: #4e1152;font-family: Arial;font-size: 11px;text-align: center;color: #FFFFFF;text-decoration: none;margin-right: 2px;padding-top: 4px;}.TextFor4Boxes02 {/* Update = float: right and Removed margin */width: 116px;height: 33px;float: right;background-color: #4e1152;font-family: Arial;font-size: 11px;text-align: center;color: #FFFFFF;text-decoration: none;padding-top: 4px;}</style></head><body><div id="ContainerOf4Boxes"><div class="Testing01"></div><div class="Testing02"></div><div class="Testing03"></div><div class="Testing04"></div><div class="TextFor4Boxes">w3schools</div><div class="TextFor4Boxes">w3schools<br />...w3schools...</div><div class="TextFor4Boxes">w3schools<br />AB w3schools CD</div><div class="TextFor4Boxes02">w3schools</div><b>How do I Delete (Remove) this Additional SPACE?</b></div></body></html>
×
×
  • Create New...