►
From YouTube: Very basic jQuery for Koha (Part 1)
Description
Presented by George Williams, NEXT Search Catalog Coordinator at the Northeast Kansas Library System, and koha-US Past President (2019).
Links:
- About George: http://slides.hopperdietzel.org/about/index.html
- Presentation: http://basicjquery.hopperdietzel.org/
- Koha jQuery Library: https://wiki.koha-community.org/wiki/JQuery_Library
A
A
A
Sure
thing
so
I'll
just
introduce
myself,
I
noticed
on
the
cohort
on
webpage.
Everybody
else
had
their
full
name
there,
but
all
of
my
presentations
just
said
george
is
so
it's
like.
Nobody
remembered
that
I
had
a
last
name:
I'm
george
williams,
I'm
the
next
search
catalog
coordinator,
northeast
kansas
library
system.
I
used
to
be
the
president
whoops.
A
A
A
To
all
types
of
libraries
in
northeast
kansas,
there's
117
libraries
that
are
members,
but
only
51
of
those
member
libraries
are
part
of
the
next
search.
Catalog
shared
shared
public
catalog,
which
is
our
cohab
service
that
we
provide
and
we've
been
using
koha
since
2008,
and
we've
been
on
community
coho,
hosted
by
bywater
since
2011.
A
A
You
know
I
worked
for
the
lantau
county
library
district,
which
is
where
lizette
is
now
part
of
the
valnet
library
consortium,
and
I
was
there
when
belmont
migrated
to
coho
and
before
that
I
had
a
couple
other
library,
jobs
and
I
have
a
degree
in
medieval
british
literature
from
boise
state
university,
which
is
why
I'm
wearing
the
broncos
sweatshirt
there's
nothing.
That
really
can
prepare
you
for
working
at
libraries
and
being
a
co-host
system.
Administrator
like
like
knowing
about
a
medieval
arthurian
literature
and
reading
chaucer
and
beowulf.
B
C
A
A
link
to
all
of
the
stuff
I'm
going
to
talk
about
after
we're
done
so
some
places
this
got
listed
as
jquery
hacks
with
george,
but
what
was
asked
for
and
what
I
prepared
is
very
basic.
Jquery
and
john
stubborns
actually
suggested
that
I
start
with
you
know.
The
j
is
small
and
the
q
is
capitalized
in
jquery,
so
people
wanted
very,
very
basic
jquery
and
I'm
going
to
go
into
very,
very,
very
basic
jquery
and
the
first
question
I'll
answer.
A
Specific
that
they
want
to
see
that
they
can
ask
questions
about.
But
the
first
question
is
what
does
jquery
have
to
do
with
co-op,
and
so
there
are
four
system
preferences
that
allow
cohan
users
to
add
jquery
and
javascript
into
their
cohort
system,
and
so
knowing
some
basic
jquery
can
help.
You
do
things
in
quahog
before
or
not
before,
but
without
having
to
do
a
development.
A
So
you
can
modify
cohab
without
having
to
actually
redesign
to
actually
change
pages
at
the
at
the
basic
level.
You
can
actually
make
changes
without
changing
the
basic
level
of
co-op.
So
so
the
next
question,
of
course,
then,
is
going
to
be
what
are
the
four
system
preferences?
I've
got
them
right
here
on
the
screen:
there's
intranet,
user.js,
opac,
user.js,
self-checkout,
user.js
and
self-check-in
user.js,
and
I'm
going
to
flip
over
here.
A
And
you
can
go
to
each
of
these,
you
can
find
them
in
the
list
of
system
preferences,
but
the
easy
easiest
way
to
find
all
forms
at
once
is
to
do
in
the
search
box
user.js,
because
these
all
have
all
four
of
these
system.
Preferences
have
user.js
in
their
names,
and
so
here
we've
got
self-check
user.js
and
self-checking
user.js
you're
going
to
find
those
in
the
circulation
preferences
so
normally
they're.
Under
this
tab,
opac
preferences
are
under
the
opac
tab
and
staff
client
preferences
are
under
the
staff,
client
tab.
A
Into
your
into
your
coho
system,
one
of
the
reasons
that
I
am
the
person
that
was
asked
to
talk
about
this
is
because
we
have
a
ton
of
javascript
at
nexsearch
catalog
and
it's
you
know.
I've
been
writing
jquery
for
cohob,
since
before
we
started
using
co-op,
he
had
a
training,
advil
well
I'll,
get
to
the
first
piece
of
jquery
that
I
wrote
or
or
watched
ed
wright
and
the
first
piece
of
jquery
that
we
inserted
into
the
into.
A
A
A
A
A
A
So
it
simplifies
all
these
pieces
of
javascript
and
makes
it
easier
to
to
do
with
to
do
these
things.
Essentially,
it's
it's
the
most
used,
javascript
library
and
there's
a
lot
of
flexibility
that
you
can
get
out
of
that.
There's
some
other
things
there's
sometimes
when
you're
writing,
jquery
that
you
have
to
go
in
and
write
out
full
pieces
of
javascript,
because
nobody
has
written
a
shortened
version.
A
A
A
A
C
A
A
B
A
C
A
What
is
an
event
effect
or
a
method?
Well,
once
you've
selected
something
you're
going
to
want
to
do
something
with
it
and
that's
what
the
that's,
what
the
events
and
methods
are:
you're
gonna,
first
you're
gonna
select
something
on
the
page
and
then
you're
gonna
tell
jquery.
This
is
what
I
wanna
do.
B
A
That
thing
that
I've
selected,
so
it's
pretty
simple-
I
mean
it's
a
simple
set
of
instructions.
You've
got.
You
say
this
is
what
I
want
to
change,
and
this
is
how
I
want
to
change
it.
That's
all
that
jquery's
is
and
what
becomes
complicated
is
trying
to
figure
out
how
to
select
things
sometimes
and
then
how
to
tell
jquery
what
it
is
you
want
to
do
with
them
and.
A
Page
here
of
some
events
are
click
hover,
toggle
resize.
So
you
know
if
you
hover
your
pointer
over
something.
The
hover
event
says
that
when
you
hover
over
something
you're,
gonna
something's
gonna
happen,
some
effects
are
fading,
fade
out,
hide
and
show
you
know.
Maybe
if
you
hover
over
something
you're
gonna
have
something
fade
into
view
or
fade
out
or
you're.
Gonna
change,
the
color
of
it
fade
in
and
fade
out
are
useful
with
buttons
hide
and
show
are
ones
that
I
use
all
the
time
and
there's.
B
A
A
A
So
what
you
can
do,
though,
is
you
type
control
shift
I
and
that
will
open
one
of
the
developer
tools.
So
that's
ctrl
shift.
I
you
can
also
find
the
developer
tools
if
you
go
up
to
the
menu
in
firefox
or
in
chrome
and
click
on
the
menu
and
then
go
down
to
where
it
says.
Web
developer
and
you've
got
this
whole
list
of
tools.
A
C
A
To
that
thing,
where
it
is
in
the
code
and
you'll
see
all
the
things
that
are
next
to
it.
So
this
is
how
you
find
selectors.
This
is
the
easy
way
to
find
selectors,
and
one
of
the
things
you
can
do
here
is,
if
you,
if
you,
if
we
highlight
this,
we
can
actually
if
we
highlight
the
whole
link
and
go
to
copy
and
css
selector,
we
can
actually
copy
the
selector
there,
and
this
would
actually
get
us
a
selector
that
we
could
use
in
a
piece
of
jquery.
A
A
B
A
But
the
first
thing
you
see
here
is
that
you
must
include
document
ready
function
at
the
beginning
of
the
document
or
you
must
wrap
it
around
each
individual
piece
of
code
that
you
put
in
here,
and
there
are
two
schools
of
thought
on
this.
So
first
off,
let
me
explain
what
the
documentary
function
is
going
to
do
it's
the
thing
that
tells
javascript
to
that.
A
At
the
very
end-
and
then
you
can
put
all
your
other
jquery
in
here
inside
of
these
inside
of
this
one
set
of
brackets,
and
what
I've
been
told
by
a
couple
of
different
people
is
that
the
the
other
school
of
thought?
Is
you
take
every
single
piece
of
jquery
so
like?
If
you
have
50
pieces
of
jquery
in
your
system,
you
put
this
function
around
every
single
one
of
them,
so
those
are
the
two
schools
of
thought.
Is
you
can
do
it
where
each
function?
A
A
A
A
A
The
case,
I
don't
know
whether
that's
a
bug
or
I
don't
know
whether
it's
a
bug
that
it
doesn't
work
on
all
the
pages
or
it's
a
bug
that
it's
that
it's
not
needed
at
all.
I
really
can't
answer
that,
but
for
the
best
results,
you're
going
to
want
to
put
document
ready
function
at
the
beginning
and
at
the
end
of
the
whole
system,
preference
or
at
the
beginning
and
end
of
each
piece
of
jquery
that
you
write
so.
A
A
A
C
A
A
A
B
A
A
A
A
If
you
can
find
something
that
has
a
class,
you
can
dig
that
class
out
of
there
and
then
use
that
as
the
selector
to
in
your
in
your
jquery,
and
so
this
is
the
actual
link
here
and
that
drop
down
menu.
It's
that
whole
element,
the
link
is
a
part
of
a
of
a
list,
and
I
can
see
that
the
list
also
have
has
a
class
and
it's
called
tool
links
dash
my
account.
A
A
A
A
A
And
the
code
for
that
is
here
the
first
one
is
my
account.
The
second
one
is
my
checkouts,
so
I
made
those
disappear
just
with
this
simple
piece,
these
two
simple
pieces
of
jquery
now
there's
something
else
I
can
go
further
here.
I've
got
two
things
that
I
want
to
hide
them
on
all
the
pages.
Another
thing
that
I
can
do
is
I
can
take
my
account
here.
A
A
A
A
A
A
A
A
A
A
A
A
B
B
A
A
B
A
A
A
A
B
A
A
A
A
A
A
A
A
A
A
It's
going
to
make
the
html
of
that
anchor
it's
going
to
make
that
into
the
whatever
html
you
put
there,
so
this
can
be
really
useful
if
you
only
want
to
change
things
on
certain
pages
or
a
lot
of
times
a
class.
The
the
big
difference
between
an
id
and
a
class
is
that
on
a
page
there
should
only
be
one
thing
with
an
id.
A
A
A
With
classes,
but
I'm
going
to
go
over
now
to
the
search
page
and
under
advanced
search,
we
have
the
subtype
limits
which,
if
you're
cataloging
a
public
library
you're
going
to
have
a
lot
of
things
that
might
have
incorrect
or
not
have
any
subtype
limits
at
all.
So
it's
kind
of
pointless
to
have
filters
on
subtypes
if
you're
not
going
to
have
a
catalog
that
supports
that,
and
so
one
of
the
things
we
have
in
our
system.
Since
we
do
have
a
lot
of
bad
cataloging
is
we
just
hide
the
subtypes?
A
A
B
A
A
B
A
A
C
A
A
B
A
B
A
A
A
A
A
A
A
A
A
C
A
C
A
Login
form
it's
going
to
look
for
any
labels
and
then
anything
we
put
in
the
brackets
we're
going
to
is
going
to
be
an
attribute,
and
in
this
case
we're
looking
for
the
four
attribute
and
so
any
place
where
the
label,
where
the
four
attribute
equals
branch.
What
we're
going
to
do
is
we're
going
to
hide
that
thing.
That's
how.
A
A
A
And
if
I
go
over
here,
the
thing
about
this
is
hide
just
makes
things
invisible,
so
the
label
you
can
still
see
when
you
use
the
inspector.
You
can
still
see
that
the
label
for
branch
is
still
here.
It's
just
now.
It
has
css
attached
to
it
that
says
style
display
none
and
the
drop
down
menu
is
still
there,
it's
just
hidden.
A
A
A
A
A
A
A
A
A
The
first
question:
one
of
the
first
questions
that
came
up
was
one
where
nicole
and
ed
are
showing
people
how
to
enter
a
patron.
One
of
the
fields
in
the
in
coho
for
patrons
is
surname,
and
one
of
the
people
in
the
group
asked
the
question.
What's
a
surname
and
we
have
to
say
it's,
it's
a
last
name,
and
so
I
immediately
thought
you
know
if
surname.
If
there's
one
you
know,
I
have
a
background
in
restaurants.
A
My
my
knowledge
is
that
if
one
person
complains
about
something
or
asks
a
question,
it
means
that
there
are
10
other
people
that
have
the
exact
same
question
that
just
weren't
afraid
they
were
too
afraid
to
ask
it.
So
I
figured
if
one
person
in
this
room
knows
doesn't
know
what
a
surname
is
they're
going
to
be
a
lot
of
people
that
don't
know
what
a
surname
is,
and
I
don't
didn't
want
things
to
be
confusing
for
anybody.
A
B
A
Didn't
allow
patrons
to
change
their
password,
so
it
was
library
card
number,
last
name,
so
we
wrote
and
showed
me
how
to
write
jquery
that
took
the
patrons
last
name
as
soon
as
the
last
name
is
in
that
box.
It
automatically
fills
the
password,
so
ed
showed
me
those
things
in
one
week
and
during
training
and
like
a
year
later,
I
discovered
that
there's
a
limit
to
how
much
jquery
you
can
put
into
cohab.
A
A
A
A
A
A
A
C
A
About
it
is
that
you
know
a
lot
of
people
will
tell
me
that
I'm
so
smart
or
that
I'm
you
know
really
good
at
this,
and
then
I
will
work
with
them
and
I'll
see.
What
happens
is
that
they
will
they'll
start
off
and
they've
got
an
idea
of
what
they
want
to
do
and
if
it
takes
them
longer
than
like
10
minutes
to
get
it
done.
A
C
A
If
we
want
to
do
if
there's
enough
interest,
we
could
do
a
like
part
two
of
this,
where
we
could
do
instead
of
very,
very,
very
basic
jquery.
We
could
do
very,
very
basic,
jquery
and
I'd
be
totally
willing
to
do
that
in
a
couple
of
months,
and
there
is
another
question
here
from
todd:
george:
do
you
know
if
the
limit
is
for
all
of
co-op
or
is
it
a
system,
preference
per
system
preference?
I
think
it's
per
system
preference.