Puedes buscar un javascript como este para mi sitio web

  • crood58
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 04, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 4th, 2009, 11:22 am

Hey Everyone!

Me preguntaba si podrías ayudarme? Estoy buscando exactamente la misma secuencia de comandos como ésta ( http://www.fdnysquad18.com/therig.php ) Para mi sitio web para hacer exactamente samething ya que tienen que hacer en este sitio web. Yo sólo "ver código fuente" con mi navegador, pero no sé si se trata de un script personalizado o de los propietarios de condiciones. Hice un script como este en la unidad dinámica, pero sólo tenía la descripción y que el compartimiento de la imagen que muestra a la izquierda de la descripción (close-up). Deseo también estar utilizando una imagemap como son.

Una pregunta más..... Se trata de la salida de toda la información de los javascript en una tabla con las etiquetas de identificación creo. ¿Es posible hacer lo mismo con un div? Y si es así se puede todavía el estilo de un div con su hoja de estilo css?

Gracias de antemano!

Chris
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 4th, 2009, 11:22 am

  • mk27
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Jun 09, 2009
  • Mensajes: 334
  • Status: Offline

Nota Agosto 4th, 2009, 4:20 pm

Que no debe ser tan difícil. ¿Entiendes lo que getElementById, etc?

Imagemap hacer un tutorial con onmouseover / onmouseout y todo caerá en su lugar.
Imagen
  • crood58
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 04, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 4th, 2009, 6:08 pm

¿Qué pasa con la parte de javascript
  • mk27
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Jun 09, 2009
  • Mensajes: 334
  • Status: Offline

Nota Agosto 4th, 2009, 7:32 pm

Bueno, getElementById sería parte de la parte javascript.

Como dije, esto no es tan duro, pero es poco probable que encontrar algo de código, puede conectar y que funcione. Tendría que escribir por sí mismo.

A partir de la nada, si usted pone en un par de horas al día y formular las preguntas correctas, usted puede obtener este hecho en una semana. Lo primero, como he dicho, es aprender a utilizar onmouseover / onmouseout (HTML llamadas * con que habitualmente se utilizan rutinas de javascript) para hacer algo (cualquier cosa! ) En un contexto imagemap.

Usted debe ser capaz de encontrar mucha google, no tengo nada que recomendar - tendrá a pescar alrededor y encontrar un tutorial en un estilo que te gusta, etc

* Una "llamada" o "evento" para el lenguaje de programación es algo así como un ajuste de una trampa: cuando el ratón está sobre la parte de una imagen, una rutina javascript es llamado automáticamente. En este caso, es algo que se desea o reemplazar una imagen en otro lugar.
Imagen
  • crood58
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 04, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 4th, 2009, 7:51 pm

¿Sabe usted de cualquier bien que los sitios web pueden utilizar como referencia? Puedo código html y css, pero nunca con código javascript cualquier cosa antes. Creo que esto debería ser una clara experiencia...Entiendo que la imagemap cosas que he usado antes, no sólo con el mouseover que tendrá que buscar.

Me va a este original con flash (que no soy un experto en flash), y sobre los clics en los compartimentos de que el iframe. Yo empecé a pensar como sería ligero y el tamaño de la página se basa en el mouseover.

Tengo otra pregunta rápida hay un por qué en el mouseover un archivo de audio pueden desempeñar? No creo que sería una buena idea, pero curioso.

Gracias,

Chris
  • mk27
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Jun 09, 2009
  • Mensajes: 334
  • Status: Offline

Nota Agosto 4th, 2009, 9:40 pm

crood58 escribió:
¿Sabe usted de cualquier sitio web bien que yo pueda utilizar como referencia?


Yo estaba mirando W3Schools y me parece bien hecho, aunque sólo sea mirando el Id intro decir como un tipo superior al 5% de la cosa, no estoy seguro acerca de la funcionalidad de editor de su "" Lo pero es una buena idea. Creo que la gente lo que respecta JavaScript como un idioma fácil, ya que está especializada y por lo tanto, no extensa, la sintaxis de sabios. Pero también es peculiar, y diferente. Si bien es peculiar y diferente que es todavía un "verdadero" lenguaje de programación normativa a diferencia de HTML o CSS. Creo que si usted no ha hecho ningún tipo de programación antes de que usted tal vez quiera pensar en un libro. Ive nunca visto un libro para principiantes programadores en JavaScript, pero sé que hay mucho, si usted vive en cualquier lugar cerca de una ciudad, los libros de programación de JavaScript son uno de los libros de programación más común en las bibliotecas. Programación? ¿Usé la palabra suficiente? Al igual que usted puede ser que necesite para comprender cómo escribir una función (la de devolución de llamada) para hacer esto, se usan las variables y llamar a otras funciones como el "método getElementById". Javascript utiliza una gran cantidad de "orientado a objetos" de sintaxis (como el "método"), que se dará cuenta a que se refiere, yo no creo que haya que preocuparse demasiado por ello.

De todos modos, no soy profesional, y no comprender totalmente el script en el sitio del FDNY, aunque no intenté tan difícil. Pero he hecho algo * exactamente * lo mismo con un mapa de imagen y es bastante simple. En realidad, ni siquiera tiene que escribir una función, sólo tienes que reasignar algunas variables. Usted precarga de las imágenes como esta:
Código: [ Select ]
 
img1 = new Image()
img1.src = "vsquid-nature.jpg"
img2 = new Image()
img2.src = "poetry.gif"
 
  1.  
  2. img1 = new Image()
  3. img1.src = "vsquid-nature.jpg"
  4. img2 = new Image()
  5. img2.src = "poetry.gif"
  6.  

en la cabecera del documento o en un archivo incluido, a continuación, utiliza onmouseover y onmouseout como este.
Código: [ Select ]
 
<img src="vampiresquid.jpg" name="squid" usemap="#VSquid" width=410 height=480 border=0>
<map name="VSquid">
<area shape="rect" coords="135,145,190,190" href="see/index.html"
onmouseover="document.images['main'].src=img8.src"
onmouseout="document.images['main'].src=img3.src">
<area shape="rect" coords="30,195,100,265" href="openmike/index.html"
onmouseover="document.images['main'].src=img2.src"
onmouseout="document.images['main'].src=img3.src">
  1.  
  2. <img src="vampiresquid.jpg" name="squid" usemap="#VSquid" width=410 height=480 border=0>
  3. <map name="VSquid">
  4. <area shape="rect" coords="135,145,190,190" href="see/index.html"
  5. onmouseover="document.images['main'].src=img8.src"
  6. onmouseout="document.images['main'].src=img3.src">
  7. <area shape="rect" coords="30,195,100,265" href="openmike/index.html"
  8. onmouseover="document.images['main'].src=img2.src"
  9. onmouseout="document.images['main'].src=img3.src">

Para hacer las cosas de forma simultánea, como en el sitio del FDNY tendrá una función. Lee algunas de las cosas w3school, puede tomar un par de horas.
Imagen
  • crood58
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 04, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 5th, 2009, 2:47 am

Gracias por la ayuda...He programado antes en C + + para mi diploma de ingeniero, pero nada para la web.
  • crood58
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 04, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 6th, 2009, 8:39 am

He estado leyendo algunas de las cosas javascript w3schools sitio web y que ha estado haciendo desde entonces. Me estaba preguntando acerca de algunas de estas cosas con respecto a lo siguiente:

Código: [ Select ]
function changeImage(imgDocID0,imgObjName0) {
    if (version == "N3" || version == "N4" || version == "M4" || version == "N5" )
        document.images[imgDocID0].src = eval(imgObjName0 + ".src");
}
// -->
 
  1. function changeImage(imgDocID0,imgObjName0) {
  2.     if (version == "N3" || version == "N4" || version == "M4" || version == "N5" )
  3.         document.images[imgDocID0].src = eval(imgObjName0 + ".src");
  4. }
  5. // -->
  6.  

(el código siguiente en el sitio del FDNY)

Entiendo la función, pero no puedo encontrar la parte ChangeImage. No está en el sitio web de W3Schools. Parece que se están perdiendo cosas o no puedo encontrarla. Ellos no tienen una referencia completa de Javascript. Lo que yo encuentro es que la función es agarrar la imagen y la salida en el mouseover. Supongo que esto es necesario al final de la secuencia de comandos correcta?

Recuerdo a un amigo tomando una clase de Java en la universidad y que estaba usando NetBeans con el código. ¿Puedo hacer esto con mi javascript? Whould servirá de algo? Simplemente, no parece que todo está ahí por una referencia como he dicho.

Gracias de nuevo,

Chris
  • mk27
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Jun 09, 2009
  • Mensajes: 334
  • Status: Offline

Nota Agosto 6th, 2009, 10:36 am

crood58 escribió:
Entiendo la función, pero no puedo encontrar la parte ChangeImage. No está en el sitio web de W3Schools.


Esta es la definición de la función, no es un javascript "built-in". Quien escribió el código que acaba de hacer que el nombre de arriba. Las definiciones de funciones en JS comenzar con la "función" de palabras clave. Un paralelo en C / C + + puede ser
Código: [ Select ]
 
void changeImage (char *imgDocID0, char *imgObjName0) {
 
  1.  
  2. void changeImage (char *imgDocID0, char *imgObjName0) {
  3.  

Así que, por supuesto, usted no encontrará ninguna información al respecto en w3schools o cualquier otro lugar!

Como usted habrá notado, esta es la función utilizada en onmouseover / onmouseout. De la OMI, es sólo para ahorrar algo de mecanografía, es decir, en lugar de esto:
Código: [ Select ]
 
onmouseover="document.images['main'].src=img2.src"
onmouseout="document.images['main'].src=img3.src">
 
  1.  
  2. onmouseover="document.images['main'].src=img2.src"
  3. onmouseout="document.images['main'].src=img3.src">
  4.  


Uso de una función es una buena idea también por otras razones, como si desea añadir algo o modificarlo, es menos probable que tenga que cambiar un montón de líneas - que sólo puede cambiar la función.

NetBeans Vis,, no me gusta IDE (Integrated Development Environments "), pero me lo sé de programas alguien js con NetBeans que, por lo que puede probar.
Imagen
  • crood58
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 04, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 6th, 2009, 11:33 am

Por lo tanto, puede nombrar a cualquier cosa que la función que yo quiero? Eso tiene sentido ahora.

Código: [ Select ]
 
 <script language="javascript1.1" type="text/javascript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
version = browserName.substring(0,1) + browserVer;
 
if (version == "N3" || version == "N4" || version == "M4" || version == "N5" ) {
        butA = new Image();
        butA.src = "graphics/therig/driverdoor.jpg";
        butB = new Image();
        butB.src = "graphics/therig/d_crewdoor.jpg";
        butC = new Image();
        butC.src = "graphics/therig/pumppanel.jpg";
        butD = new Image();
        butD.src = "graphics/therig/d_f_compartment.jpg";
        butE = new Image();
        butE.src = "graphics/therig/d_m_compartment.jpg";
        butF = new Image();
        butF.src = "graphics/therig/d_r_compartment.jpg";
        butG = new Image();
        butG.src = "graphics/therig/o_r_compartment.jpg";
        butH = new Image();
        butH.src = "graphics/therig/o_m_compartment.jpg";
        butI = new Image();
        butI.src = "graphics/therig/o_f_compartment.jpg";
        butJ = new Image();
        butJ.src = "graphics/therig/o_pumppanel.jpg";
        butK = new Image();
        butK.src = "graphics/therig/o_crewdoor.jpg";
        butL = new Image();
        butL.src = "graphics/therig/officerdoor.jpg";
        butM = new Image();
        butM.src = "graphics/therig/rear.jpg";
}
function changeImage(imgDocID0,imgObjName0) {
    if (version == "N3" || version == "N4" || version == "M4" || version == "N5" )
        document.images[imgDocID0].src = eval(imgObjName0 + ".src");
}
// -->
</script>
 
  1.  
  2.  <script language="javascript1.1" type="text/javascript">
  3. browserName = navigator.appName;
  4. browserVer = parseInt(navigator.appVersion);
  5. version = browserName.substring(0,1) + browserVer;
  6.  
  7. if (version == "N3" || version == "N4" || version == "M4" || version == "N5" ) {
  8.         butA = new Image();
  9.         butA.src = "graphics/therig/driverdoor.jpg";
  10.         butB = new Image();
  11.         butB.src = "graphics/therig/d_crewdoor.jpg";
  12.         butC = new Image();
  13.         butC.src = "graphics/therig/pumppanel.jpg";
  14.         butD = new Image();
  15.         butD.src = "graphics/therig/d_f_compartment.jpg";
  16.         butE = new Image();
  17.         butE.src = "graphics/therig/d_m_compartment.jpg";
  18.         butF = new Image();
  19.         butF.src = "graphics/therig/d_r_compartment.jpg";
  20.         butG = new Image();
  21.         butG.src = "graphics/therig/o_r_compartment.jpg";
  22.         butH = new Image();
  23.         butH.src = "graphics/therig/o_m_compartment.jpg";
  24.         butI = new Image();
  25.         butI.src = "graphics/therig/o_f_compartment.jpg";
  26.         butJ = new Image();
  27.         butJ.src = "graphics/therig/o_pumppanel.jpg";
  28.         butK = new Image();
  29.         butK.src = "graphics/therig/o_crewdoor.jpg";
  30.         butL = new Image();
  31.         butL.src = "graphics/therig/officerdoor.jpg";
  32.         butM = new Image();
  33.         butM.src = "graphics/therig/rear.jpg";
  34. }
  35. function changeImage(imgDocID0,imgObjName0) {
  36.     if (version == "N3" || version == "N4" || version == "M4" || version == "N5" )
  37.         document.images[imgDocID0].src = eval(imgObjName0 + ".src");
  38. }
  39. // -->
  40. </script>
  41.  


¿Pero qué acerca de este ¿dónde puedo encontrar esto?

Código: [ Select ]
document.images[imgDocID0].src = eval(imgObjName0 + ".src");


¿Puedes poner las clases CSS en este tomo que usted puede sentir que usted puede escribir en HTML?

Código: [ Select ]
<script type="text/javascript">
function showInfo(id,shtml) {
   if (document.getElementById || document.all) {
      var el = document.getElementById? document.getElementById(id): document.all[id];
      if (el && typeof el.innerHTML != "undefined") el.innerHTML = shtml;
   }
}
 
var msg1 = '<p><font color="#CCCCCC"><em>Driver/Operator</em></font></p><p><font color="#CCCCCC">The driver operates the Squad from this seat where he can operate the emergency lights, siren, and take the engine into and out of pump gear. The seat is pneumatically adjusted with its own suspention to keep the driver as stable as possible enroute to emergencies. The driver`s primary role is to get the crew to and from an alarm safely. Once onscene, the driver may engage in numerous activites including operating the pump, staging rescue tools, and joining the crew for interior firefighting.</font></p>';
 
  1. <script type="text/javascript">
  2. function showInfo(id,shtml) {
  3.    if (document.getElementById || document.all) {
  4.       var el = document.getElementById? document.getElementById(id): document.all[id];
  5.       if (el && typeof el.innerHTML != "undefined") el.innerHTML = shtml;
  6.    }
  7. }
  8.  
  9. var msg1 = '<p><font color="#CCCCCC"><em>Driver/Operator</em></font></p><p><font color="#CCCCCC">The driver operates the Squad from this seat where he can operate the emergency lights, siren, and take the engine into and out of pump gear. The seat is pneumatically adjusted with its own suspention to keep the driver as stable as possible enroute to emergencies. The driver`s primary role is to get the crew to and from an alarm safely. Once onscene, the driver may engage in numerous activites including operating the pump, staging rescue tools, and joining the crew for interior firefighting.</font></p>';
  10.  


POR EJEMPLO:

Código: [ Select ]
var msg1 = '<p class="description"><em>Driver/Operator</em></p><p class="info"> color="#CCCCCC">The driver operates the Squad from this seat where he can operate the emergency lights, siren, and take the engine into and out of pump gear. The seat is pneumatically adjusted with its own suspention to keep the driver as stable as possible enroute to emergencies. The driver`s primary role is to get the crew to and from an alarm safely. Once onscene, the driver may engage in numerous activites including operating the pump, staging rescue tools, and joining the crew for interior firefighting.</p>';


También sería bueno conocer la getElementById &
Código: [ Select ]
 butA = new Image();
        butA.src = "graphics/therig/driverdoor.jpg";
  1.  butA = new Image();
  2.         butA.src = "graphics/therig/driverdoor.jpg";
Supongo que también puede cambiar el nombre a Buta DoorA si quería correcta.

¿Existe algún tipo de recurso por ahí para todo esto? Quiero decir que tiene que ser con javascript todas las opciones integradas.

Esta declaración de aquí es sólo comprobar la capacidad del navegador correcta? En realidad, no es necesario incluir lo correcto?

Código: [ Select ]
if (version == "N3" || version == "N4" || version == "M4" || version == "N5" )


Sé que tengo un montón de preguntas, pero nunca codificada antes de mi propio guión como este y estoy disfrutando de este aprendizaje. Así que por favor aguanta conmigo.

Gracias por la ayuda hasta la fecha!

Chris

Publicar Información

  • Total de mensajes en este tema: 10 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 237 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC