yisera
-
Posts
13 -
Joined
-
Last visited
yisera's Achievements
Newbie (1/7)
3
Reputation
-
By the way for future reference when you post stuff in this forum, make sure you use the tags so that your code is introduced in an orderly fashion. Just like my last post.
-
Ok first of all what you need to include in your <script> </script> is the propper jquery library.. which is basically this line.. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> Then you need a function that actually calls the nivo slider to run in the container.. which you can do something like this.. $(window).load(function() { $('#nameOfTheContainer').nivoSlider(); }); I just took a quick view at it. Later on tonight I will tell you what else you are missing. I'm working right now.
-
Hello! What country are you from? I was in a bilingual school as well! Well know getting to the topic at hand, first of all dreamweaver per se is not a compiler to program, its just a good program with some pros and cons to build entire websites.. So let's start getting firefox where you will test all your work and then a proper compiler that works wonderfully with firefox which you can download from here. Also, did they teach you how to export stylesheets to a different document? a .css document and how to link it to your html page? That way your html page will only contain html code and make it less messy. In your code you are using jquery (represented by the '$' symbol) so you need to also load the jquery library from here. jquery is a framework from javascript, it's per se javascript but you need the library to make it work! Just like using cout<< and cin>> on c++ requires the iostream library same happens with jquery. Try getting that nivo slider plugin script into a separate .js file as well so your html code looks more clean, that can be easily done by copying all the script and passing it into a new .js file and just putting a <script type="text/javascript" src="url_of_the_script"> in the head of the html document. then all you need is another script this time in the html document that calls the nivo slider plugin to do the job in the html document. Hope this helps a bit.
-
Try getting firebug from here and start debugging from there.
-
Wow congrats for that script! That is pretty awesome! I'll check it up tomorrow.. Yeah I'm working with html.. for appearance don't worry, I'll have a graphics designer to take care of that.. I'm a programmer not a GD I'll try and see if I can add some visual effects with some jquery plugins as well! Thanks a lot for that!
-
Ok I found the exact name! The name is dialog(), which is a plugin from jquery used for those popups like the ones you have on this forum.. I'm trying to go through the code on this forum but I can't find the key parts that make the div with the login form actually be a dialog.. So i've been trying it on my page.. I'll post the code to see if you guys can help me find what I'm doing wrong..: <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>ICC-INICIO</title><link href="CSS3 SHEETS/General LAYOUT.css" rel="stylesheet" type="text/css"><link href="CSS3 SHEETS/jquery.ui.dialog.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="Scripts/Clock script.js"></script><script type="text/javascript" src="Scripts/FechaActual.js"> </script><script type="text/javascript" src="Scripts/jquery.ui.core.js"></script><script type="text/javascript" src="Scripts/jquery.ui.dialog.js"></script><script type="text/javascript" src="Scripts/jquery.ui.position.js"></script><script type="text/javascript" src="Scripts/jquery.ui.widget.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> $(document).ready(function(){ $("#loginIcon").click(function() { $( "#dialog" ).dialog({modal: true, autoOpen: false, closeOnEscape: true, }); }); });</script> </head><body onLoad="updateClock(); setInterval('updateClock()', 1000); date(); setInterval('date',1000); fadeEffect()"> <div id="franjaSuperior"> <div id="contenidoFranjaSuperior"> <div id="header"> <div id="menu"> <img src="Imagenes/icc letras 2.jpg" style="opacity: 1;" class="header" title="Menu-ICC"/> </div> <div id="searchBar"> <form name="search" id="searchbox" action=""> <input id="searchbox" name="search" type="text" class="searchBar" placeholder="Search" maxlength="100" align="middle"><input id="searchbutton" name="searchbutton" type="image" src="Imagenes/search button bar.jpg" value="" class="submit"> </form> </div> <span id="loginIcon"> <img src="Imagenes/Lock_icon.png" alt="Login ICC UNICAH SISTEMAS PROGRAMACION WEB" width="28" height="28" class="login" title="Click To Login" onselectstart="return false;"/> <h2 class="loginText" title="Click To Login" onselectstart="return false;">LOG IN</h2> </span> <div id="wrapAroundClock" class="clockWrapper"> <span id="currentDate" class="fecha" onselectstart="return false;" title="La Fecha Actual"> </span> <span id="clock" class="fecha" title="la Hora Actual" onselectstart="return false;"> </span> </div> </div> </div> </div><div id="contenedorPrincipal"> <p>Testing Testing More Testing </p> <div id="contenedorDinamico"> </div> <div id="scrollableContainer"> <div id="noticia_1"> </div> <div id="noticia_2"> </div> <div id="noticia_3"> </div> </div> </div> <div id="footer"> <div id="footer_1"> <h3 class="footer_2Text">Compartelo en las Redes Sociales</h3> <ul> <li><a href="https://www.facebook.com/icc.unicah" ><img src="Imagenes/facebook (2).png" class="imagenesFooter" height="16" width="16" title="Facultad ICC en Facebook."/>Difundelo!</a></li> <li><a href="#"><img src="Imagenes/twitter (2).png" title="Siguenos en Twitter." height="16" width="16" class="imagenesFooter"/>Siguenos!</a></li> <li><a href="#"><img src="Imagenes/wordpress (2).png" title="Publicalo en tu Blog" height="16" width="16" class="imagenesFooter"/>Publicalo!</a></li> <li><a href="#"><img src="Imagenes/13399187032100953665.png" title="Compartelo en G+." height="16" width="16" class="imagenesFooter"/>Compartelo!</a></li> </ul> </div> <div id="footer_2"> <h3 class="footer_2Text">Articulos Informativos</h3> <ul> <li><a href="#">Que es Ingenieria en Ciencias de la Computacion?</a></li> <li><p></p></li> <li><a href="#">Mision Vision y Politica de la Calidad de la Facultad</a></li> <li><p></p></li> <li><a href="#">Historia de la Facultad</a></li> <li><p></p></li> <li><a href="#">Actual Decano y Asociacion de Estudiantes</a></li> </ul> </div> <div id="footer_3"> <h3 class="footer_2Text">Sobre Esta Pagina</h3> <ul> <li><a href="#">Desarrolladores</a></li> <li><p></p></li> <li><a href="#">Colaboradores</a></li> <li><p></p></li> <li><a href="#">Proyectos Futuros</a></li> <li><p></p></li> <li><a href="#">Contactanos</a></li> </ul> </div> </div> <div id="dialog"> <h3>Ingresa la informacion para que puedas ingresar.</h3> <form name="login"> <ul> <li><input type="text" placeholder="Nombre de Usuario"/></li> <li><input type="password" placeholder="Contraseña"/></li> <li><input type="checkbox"/>Recordarme.</li> <li><input type="button" value="LogIn"></li> </ul> </form> </div> </div></body></html> That's what I've seen around mostly.. the way to call the dialog.. Not sure what else to do.. I have attached 2 css files, the one from the jquery theme, and the other one which is proper from the page.Do you need me link One of the css ones? or both? Not sure if there is something wrong with the script which calls the function as well.
-
I've been looking for it, came across a few websites with some examples but I'm still not clear about it, I mean what should the javascript for it be? Is it like a prompt? I'm not sure, Any more help would be really appreciated!
-
I'm building this web site for a CS major career for a college. I'm working on the login part now, but I thought it would be really cool and efficient (I assume) if instead of redirecting the user to another html page to do all the login information, to just do like most websites do now, dim the background to a dark color and pop-up a form with the username and password.. I know that has something to do with ajax and some javascript.. But the problem is that I've been looking for resources or tutorials on how to do it, but I haven't found one yet. If someone has any tutorial link, or any information on how to do this I would be really grateful!
-
What would be a suitable solution for the placeholder attribute in the form tag for IE and MFF? i know of the existence of the onfocus("if (this.value='search')")... script, but is there another way? or how can I determine if it is internet explorer or just chrome/firefox so i could use the on focus/onblur properties?
-
Ok! I'll try that later on today.. I think I need some sleep. Thanks!Sorry for so many questions, I'm kind of new to web development.
-
Ok! Thanks that's much clearer now! I have yet another question.. On a Login Form let's say I want it to always be at the center of the page, I know a determined width plus auto margin on both right and left will center it horizontally.. But to center it vertically? Does the same concept apply? Or is there another way?
-
Thanks, now that I come to think about it, that would work! Just one more question, will I have to use the display attribute? if so, would it be block?
-
I'm trying to do a footer like div on my web page, I'm using html5 and I know the existence of the <footer> tag, but that is not quite what I am looking for.. Here is the code to try to explain a bit better what is gonig on: <div id="footer"> <div id="footer_1"> <a href="https://www.facebook.com/icc.unicah" ><img src="Imagenes/facebook (2).png" class="imagenesFooter" title="Facultad ICC en Facebook."/>Enterate que pasa!</a><br/> <a href="#"><img src="Imagenes/twitter (2).png" title="Siguenos en Twitter." class="imagenesFooter"/>Siguenos!</a><br/> <a href="#"><img src="Imagenes/wordpress (2).png" title="Publicalo en tu Blog" class="imagenesFooter"/>Publicalo!</h5></a><br/> <a href="#"><img src="Imagenes/13399187032100953665.png" title="Compartelo en G+." height="32" width="32" class="imagenesFooter"/>Compartelo!</a><br/> </div> <div id="footer_2"> <a href="#">Que es Ingenieria en Ciencias de la Computacion?</a><br/> <a href="#">Mision Vision y Politica de la Calidad de la Facultad</a><br/> <a href="#">Historia de la Facultad</a><br/> <a href="#">Actual Decano y Asociacion de Estudiantes</a><br/> </div> </div> The second footer is all right, I still need to fix it with some css, but the real problem is <footer_1> how can I make sure that the letters align to the middle of the icon? here is an output attached. I want the text to be centered to the icon's middle and have some margin from the icon itself. I've tried some <h1-6> and some <p> with some css for it but no success so far I've ran out of ideas on how to fix this..Does anyone have any fix or idea how to deal with it? I will be mostly grateful. Thanks in advance!
