online shader sites the code is different than glsl?

[kryton9]

They have many cool online shader sites. Their code does not look like the glsl code that I study... They don't have separate fragment and vertex shaders, just one source?

Here is a simple online shader:
http://glslsandbox.com/e
Here is the code from it, it looks like just the fragment shader:

#ifdef GL_ES
precision mediump float;
#endif

#extension GL_OES_standard_derivatives : enable

uniform float time;
uniform vec2 mouse;
uniform vec2 resolution;

void main( void ) {

vec2 position = ( gl_FragCoord.xy / resolution.xy ) + mouse / 4.0;

float color = 0.0;
color += sin( position.x * cos( time / 15.0 ) * 80.0 ) + cos( position.y * cos( time / 15.0 ) * 10.0 );
color += sin( position.y * sin( time / 10.0 ) * 40.0 ) + cos( position.x * sin( time / 25.0 ) * 40.0 );
color += sin( position.x * sin( time / 5.0 ) * 10.0 ) + sin( position.y * sin( time / 35.0 ) * 80.0 );
color *= sin( time / 10.0 ) * 0.5;

gl_FragColor = vec4( vec3( color, color * 0.5, sin( color + time / 3.0 ) * 0.75 ), 1.0 );

}

Here is a partial code listing of a shader I wrote in c++.


/* vertex shader */
"varying vec4 v_color;\n"
"\n"
"void main()\n"
"{\n"
" gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;\n"
" v_color = gl_Color;\n"
"}",
/* fragment shader */
"varying vec4 v_color;\n"
"\n"
"void main()\n"
"{\n"
" gl_FragColor = v_color;\n"
"}"

How could I use those sites to develop my shaders and then use them in my own code?

Edit: Found an online site that has both parts: http://shdr.bkcore.com/
Near the top left you will see the shader type with a pencil icon. The shader type is a drop down to pick fragment or vertex shader.