Jump to content

Muhammad_Bilal

Members
  • Content count

    17
  • Joined

  • Last visited

Community Reputation

2 Neutral

About Muhammad_Bilal

  • Rank
    Newbie
  1. Muhammad_Bilal

    E-mailing just only with javascript...

    Saying Thanks once again to all, Both of you clear that some server-site is must be required to sending requests to a mail server and then collecting information from them. As justsomeguy said "The best you can do is use Javascript to send a request to a web server, which then contacts the mail server." I'm be asked that how to build such a system, basic algorithm something like this: JavaScript collect the data from the HTML form when, submit button is clicked. and showing message to the user something like: Data is sending.... Then Send this data using AJAX to the hosting server which then send the mail to the mail server . After sending the mail hosting server reply back to the requesting site and tell the status of the mail i.e. send or not. Then user message will change with the status of the mail i.e. Data has been sent if successful and An error if mail has not been sent. The URL of the page doesn't change during whole process. Please suggest how to write code for this. I'm a beginner JavaScript user so it is very difficult for me to writing the xml requests or code like this. Your help is appreciated......
  2. Muhammad_Bilal

    E-mailing just only with javascript...

    Thanks, for both of you, Now i'm be concluded that sending e-mails is not possible with the javascript only some server-site language or other application is required, Correct? But have you know any of these services through which I can send eMails without using server-site? Have you know any service which can send email to gmail account using the client-side only? If so, please share with me. thanks again.......
  3. Muhammad_Bilal

    E-mailing just only with javascript...

    Salam or Hello @ All, It's me Bilal since a very long ago, today I'm posting this topic because I'm dive into a problem which is: I want to send a email after collecting data from html form which is pretty simple with the help of PHP but can the same functionality can be performed by using just JavaScript only? if so please discuss the possibilities on this topic. Don't be tell about the mailto function of the html because it is not good at all. I'm waiting for your pretty responses......
  4. Muhammad_Bilal

    making rectangular callout

    Salam or Hi @ All, I'm be dive in a problem which is making the rectangular callout with the help of the css and display '00:00' text in it. Here's my code to do it. <!DOCTYPE html> <html> <head> <title> Rectangular Callout </title> <style> #rectangle { background:#000; color:#fff; position:relative; display:inline-block; margin:10px 10px 0 10px; padding:0; height:20px; width:75px; z-index:9999; } #callout { background:#000; color:#000; display:inline-block; position:relative; margin:0; padding:0; width:9px; height:7px; left:35px; top:-14px; font-size:16pt; } </style> <body> <div id="rectangle" > </div> <br /> <div id="callout" > ▼ </div> </body> </html> That's works fine, but I'll be think this is not the best way to do it. Let tell me how to do it with the css sibling or even more efficient way. Help is appreciated.
  5. Muhammad_Bilal

    about the new post on forum.

    I'm be interesting in to ask to you that does the w3schools forum poster from where we can start the new topic can't allow copy paste operation. if do so than why? or if not why can I can't copy paste the code.
  6. Muhammad_Bilal

    span as a progress updater

    thanks devaj for your reply, you'll change the whole code. Now i'm saying thanks again to you because this code block is working finally.
  7. Muhammad_Bilal

    span as a progress updater

    Thanks for both of you for replying, using the div can't solve the problem. further more, I'll set the span style as "inline-Block" couldn't help me. I think there is some problem in js time setting or any where in the js. can any one fix it? I'm be thankful to him/her.
  8. Muhammad_Bilal

    span as a progress updater

    Hello @ all, I'm again dive to a problem which is that, I want to create a progress updater using div and spans. that's roughly the idea of mine is: 1. A span is child of div. 2. The width of the span is increasing according to time. 3. When the width is 100% then, span cover the whole div. 4. All magic happening in the JavaScript. code of mine... <!DOCTYPE html> <html> <head> <style> //style goes here. //I don't need it. </style> </head> <body> <div id="container" > <span id="slider" > </span> </div> <script> function update () { var slider = document.getElementById("slider"); var width = 0; slider.style.width = width + "%"; width++; setTimeout(update,300); } update(); </script> </body> </html> The problem is that the width is not increasing after the specified period of time i.e. 300ms. if any one help me that's great.
  9. Muhammad_Bilal

    multimedia loaded data on client side.

    thanks for your reply it's very helpful for me. the link which you give will completely addressed the problem of mine. your help isgreatally appreciated.
  10. Muhammad_Bilal

    multimedia loaded data on client side.

    Hi every one!!! after a very long time I'm log in to this forum. let's come to the topic, the problem which I'll be experiences is that i'll create the html 5 audio. write my own script to control the playback, works fine! Now I want to know that how we can use the javascript to determined how much data is loaded on the user computer. means that if a file is 20 or 40 MB in size I want to show the progress to the user how much data is loaded on your computer. and up to what time audio can be played smoothly. just like the youtube white progress tells us. any possibility in JS? Help is appreciated.
  11. Muhammad_Bilal

    setting dojo dropdown menu within onclick method

    Hi Guys! i'll find the solution for myself. last time thanks for suggestions and reply. If you also want to learn how to do this just reply on this topic i'll tell you seriously.
  12. Muhammad_Bilal

    setting dojo dropdown menu within onclick method

    thanks once again for your reply, would here any one who tell me how to use the dojo click handler to open the requested site. any reply appreciated.
  13. Muhammad_Bilal

    setting dojo dropdown menu within onclick method

    justsomeguy Thanks for your reply,I'll use the link in the begin dropdown div instead using the onclick handler before posting this issue and also use the other comman techniques but doesn't work for me.As you say dojo over-write their own onclick handler that's right.But i couldn't know, how to remove it and write my own onclick handler?Please help me in this issue.Thanks once again.
  14. Hello friends,I would like to ask to you that, i'm follow the dojo menubar and copy their code.I want to gives the link for these menus.first two are work fine but the problem is that the dropdown menu links doesn't work even when click on them.below is my code. <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Demo: Dijit Menus</title> <link rel="stylesheet" href="../../../resources/style/demo.css" media="screen"> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.7.5/dijit/themes/claro/claro.css" media="screen"><style>#mainMenu {background:url('../images/nav_bg.png') repeat;color:white;text-align:center;}#mainMenu:hover, #mainMenu:focus{background-color:dodgerblue;color:white;}</style></head><body> <h3>MenuBar Demo</h3> <div id="mainMenu" data-dojo-type="dijit.MenuBar"> <div id="home" data-dojo-type="dijit.MenuBarItem" onclick = "window.location.href = 'http://patf.pk'" > Home </div> <div id="tutorials" data-dojo-type="dijit.MenuBarItem" onclick = "window.location.href = 'http://patf.pk/tutorials.php'" > Tutorials </div> <div id="task" data-dojo-type="dijit.PopupMenuBarItem"> <span>Task</span> <div id="taskMenu" data-dojo-type="dijit.DropDownMenu"> <div id="complete" data-dojo-type="dijit.MenuItem"> Mark as Complete </div> <div id="cancel" data-dojo-type="dijit.MenuItem"> Cancel </div> <div id="begin" data-dojo-type="dijit.MenuItem" onclick = "window.location.href = 'http://bilalspoint.net46.net'" > Begin </div> </div> </div><!-- end of sub-menu --> </div> <p>Last selected: <span id="lastSelected">none</span></p> <!-- load dojo and provide config via data attribute --> <script src="//ajax.googleapis.com/ajax/libs/dojo/1.7.5/dojo/dojo.js" data-dojo-config="isDebug:1, async:1"></script> <script> require([ "dijit/registry", "dojo/parser", "dojo/_base/Deferred", "dojo/dom", "dijit/WidgetSet", "dijit/Menu", "dijit/MenuItem", "dijit/MenuBar", "dijit/MenuBarItem", "dijit/PopupMenuBarItem", "dojo/domReady!" ], function(registry, parser, Deferred, dom){ // a menu item selection handler var onItemSelect = function(evt){ // retrieve the widget representing the item clicked var item = registry.getEnclosingWidget(evt.target); dom.byId("lastSelected").innerHTML = item.get("label"); }; Deferred.when(parser.parse(), function(){ registry.byClass("dijit.MenuItem").forEach(function(item){ // provide an implementation for the onClick method item.onClick = onItemSelect; }); }); }); </script></body></html> as you look at the code the begin is the child of task popup menu. but it doesn't works. i'll given the begin dropdown menu link of my page but it doesn't open.please help me to go right. or if you would like to ask more let me know!any help appreciated.thanks!!!
  15. Muhammad_Bilal

    Conditional Sum: Help Please

    Post this topic on the xml forum so, the correct user can see it and give you the correct answer. thank's
×